Vue47-修改默认配置webpack.config.js文件

已于 2024-06-28 15:17:59 修改
阅读量397 收藏 2
点赞数 5
分类专栏： VUE2 文章标签： 前端 vue.js
于 2024-06-16 09:20:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31532983/article/details/139712584
版权

main.js是脚手架项目的入口文件，系统运行时，默认去找src下的main.js文件（入口文件）。这是webpack通过配置文件：webpack.config.js配置的。

脚手架把所有重要的配置文件都隐藏了，防止被开发者修改。

一、查看被隐藏的webpack配置

1-1、webpack配置中入口文件的配置

1-2、回顾：脚手架文件结构 

1-3、脚手架文件结构中不能修改的文件 

1-4、修改脚手架文件默认配置 

1、创建vue.config.js配置文件 

2、写入相关配置项 

改了该文件，要重新启动项目！！！

关闭语法检查：

二、小结 

ruleslol
关注
专栏目录
webpack.config.js和vue.config.js
weixin_44211097的博客
10-27 1467
纯手工搭建： webpack.config.js： const path = require('path') const { VueLoaderPlugin } = require('vue-loader') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { entry: './src/main.js', //入口文件的地址 output: { path: path
Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件
m0_63853518的博客
08-11 5374
Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件
webpack.config.js配置文件
06-19
最近刚学的webpack3.0，从零到一套相对比较齐全的配置
webpack基础配置及常用loader
最新发布
qq_40289557的博客
07-10 650
webpack基础配置及常用loader
vue项目中vue.config.js中配置webpack详解
wzy_PROTEIN的博客
05-13 3316
vue-cli3以前的版本中把webpack的配置都写在config文件中，可以vue-cli3以上的版本中没有了config目录，可以将配置webpack的文件写在vue.config.js文件里面。是一个可选的配置文件，如果项目的 (和同级的) 根目录中存在这个文件，那么它会被自动加载。你也可以使用中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。
webpack之webpack.config.js配置
热门推荐
chen4565的博客
06-21 2万+
webpack之webpack.config.js配置 wbepack.config.js webpack的配置文件详解: ​ 作用: 指示 webpack 干那些活(当你运行 webpack 指令时, 会加载里面的配置) ​ 所有构建工具都是基于node.js平台运行的~模块化默认采用commonjs, ​ 概念:我们创建的src文件是我们写项目的源代码,用的是ES6模块化 ​ 而wbepack.config.js文件是我们写配置的源代码,默认用的是commonjs  
webpack.config.js配置
rufeike的博客
01-02 1552
webpack.config.js配置 主要用于代码打包，使用各种loader，由于webpack只能处理js文件，需要处理其他类型文件时，需要使用各种loader进行处理，再进行webpack打包 注意：loader执行顺序会影响打包结果 安装 全局安装，webpack安装需要同时安装webpack-cli $ npm install webpack webpack-cli -g we...
webpack / webpack.config.js配置
c_liufeng的博客
11-29 538
/** * webpack配置 */ // 引入node.js的模块path, resolve 用来拼接绝对路径的方法 const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); // module.exports = { entry: './src/index.js', output: { filename: 'built.js',
Vue-cli3项目配置Vue.config.js实战记录
10-18
总结来说，`vue.config.js` 是 Vue CLI 3 中的核心配置文件，它使得开发者能够轻松地自定义 Webpack 配置，以适应各种项目需求。通过理解并熟练使用这些配置选项，你可以优化构建过程，提高开发效率，并确保应用性能...
Vue-cli3 webpack配置 vue.config.js （基础版本+进阶版本）
qq_873366938的博客
05-12 2585
一：基础版本 不需要多于插件优化，可以提供基础配置服务即可 开箱即用 const path = require(‘path’) const isPro = process.env.NODE_ENV === ‘production’ //环境标识 const resolve = dir => { return path.join(__dirname, dir) } module.exports = { // 基本路径 publicPath: ‘./’, // 打包输出文件目录 outputDir:
详解如何配置vue-cli3.0的vue.config.js
10-18
对于需要自定义webpack配置的场景，你需要在项目根目录下创建一个vue.config.js文件，这个文件可以用来覆盖webpack的默认配置。配置文件提供了configureWebpack、chainWebpack、loaderOptions等选项来修改webpack...
webpack教程之webpack.config.js配置文件
10-19
本篇文章主要介绍了webpack教程之webpack.config.js配置文件 ，具有一定的参考价值，有兴趣的可以了解一席
webpack.config.js
04-24
webpack.config.js
详解weex默认webpack.config.js改造
10-18
在深入探讨weex默认webpack.config.js的改造之前，我们需要先了解weex和webpack这两个概念。 weex是一个由阿里巴巴开源的移动跨平台框架，它允许开发者使用Vue.js开发高性能的原生应用。weex的核心目标是让开发者...
一个简单的webpack.config.js配置
weixin_39808181的博客
02-26 162
const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports={ entry: './src/index.js',//把src的index.js作为入口进行打包 output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, .
配置 Webpack（ webpack.config.js ）
AI-fisher的博客
01-20 9714
/** * 处理项目 * 项目根目录创建一个 webpack.config.js 配置文件 * 需要下载webpack和webpack-cli依赖（webpack@4.41.6 webpack-cli@3.3.11） */ const { resolve } = require('path') // reslove用来拼接绝对路径 const HtmlWebpackPlugin = require('html-webpack-plugin') const { CleanWebpackPlugin }
Vue CLI系列之修改webpack的默认配置
老__L的博客
12-25 552
修改webpack的默认配置
webpack、vue.config.js
qq_30351747的博客
09-18 1361
webpack、vue.config.js
webpack学习-webpack.config.js配置
shaoxi2093的博客
05-06 1286
webpack是一个用于完成模块加载、编译、打包等工作流的一整套前端工程发布用基于node开发的工具。配置文件为webpack.config.js
vue.config.js文件和webpack.config.js文件的区别
09-14
在Vue项目中，vue.config.js文件和webpack.config.js文件有一些区别。vue.config.js文件是用于配置Vue项目的配置文件，而webpack.config.js文件是用于配置Webpack的配置文件。 vue.config.js文件是由Vue CLI提供的一个可选配置文件，用于自定义Vue项目的构建过程。通过修改vue.config.js文件，你可以修改默认的Webpack配置，例如添加自定义的Webpack插件、配置Webpack的loader等。 webpack.config.js文件是Webpack的配置文件，用于配置Webpack的各种加载器、插件、入口和输出等。它是Webpack的核心配置文件，用于定义整个构建过程的各个环节。虽然在Vue项目中，我们可以通过vue.config.js文件修改Webpack的配置，但如果你需要更加深入地修改Webpack的配置，你可能需要直接编辑webpack.config.js文件。 总结来说，vue.config.js文件主要用于配置Vue项目的构建过程，而webpack.config.js文件主要用于配置Webpack的各种加载器和插件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值