Webpack是一个代码打包工具,它可以将多个文件打包成一个文件,同时提供了许多插件和工具,可以对代码进行优化和处理。 Vue CLI是一个基于Webpack和一些预设配置的Vue.js开发工具,它封装了Webpack的配置,使得开发者可以更加专注于代码编写。 在Vue CLI 3中,我们可以通过vue.config.js
文件来配置Webpack,下面是它和原生Webpack配置的异同:
相同点
- 两者都可以配置Webpack。
- 两者都需要了解Webpack的配置项和插件。
- 两者都可以通过各种方式优化和处理代码。
不同点
- 原生Webpack配置更加灵活,可以自由配置各种Webpack的选项和插件,但需要手动配置。
vue.config.js
在Vue CLI 3中已经对Webpack进行了预设配置,开发者只需要在此基础上进行配置即可,同时也可以覆盖预设配置。vue.config.js
提供了一些特殊的选项,如devServer
、chainWebpack
等,方便开发者进行开发和调试。vue.config.js
还提供了一些Vue CLI 3特有的选项,如publicPath
、outputDir
等,方便开发者进行打包和部署。