为什么有的vueCLI项目里面 有了vue.config.js 还要用 webpack.config.js
时间: 2023-10-28 07:22:34 浏览: 204
Vue-cli3项目配置Vue.config.js实战记录
在使用Vue CLI构建Vue项目时,通常情况下只需要使用vue.config.js文件来配置项目,因为Vue CLI已经在底层对Webpack进行了封装,将Webpack的配置集成在了@vue/cli-service中,因此大部分情况下我们只需要修改vue.config.js中的选项即可。
但是有时候,我们需要对Webpack进行更深入的配置,这时候就需要使用webpack.config.js文件了。例如,我们需要自定义Webpack的某个插件,或者需要对Webpack的某个配置进行更改,就可以使用webpack.config.js文件来实现。
需要注意的是,使用webpack.config.js文件时,需要手动将Vue CLI的配置合并到Webpack配置中。可以通过chainWebpack选项或者configureWebpack选项来实现。chainWebpack选项提供了一个链式API,可以对Webpack配置进行更细粒度的控制;configureWebpack选项则可以直接修改Webpack的配置。
需要注意的是,使用webpack.config.js文件的同时,vue.config.js文件中的配置不会生效,因为Webpack的配置已经被重写了。如果需要同时使用vue.config.js和webpack.config.js,可以通过chainWebpack选项或configureWebpack选项将两个配置文件合并起来。
阅读全文