我用cli创建了一个vue.js项目。我用了webpack模板。我已经在上面工作了几天,它工作得很顺利。现在我需要添加一个npm包到项目中。这个包建议我对webpack配置做一些修改。但是在我的项目的根目录下没有webpack.config.js文件。webpack配置文件在哪里?我需要像在一些框架中那样运行一个命令来发布它吗?
3wabscal1#
如果您使用新的vue-cli 3(@vue/cli)创建项目,则项目根目录中会有一个名为vue.config.js的文件。这意味着您可以通过更改vue.config.js(该文件自动包含在项目根目录中)来自定义Webpack自定义设置,如下所示:
module.exports = { configureWebpack: { // It will be merged into the final Webpack config plugins: [ ... // Your plugins here... ] } }
太简单了!新的vue-cli方法万岁!
qgelzfjb2#
webpack-simple模板的webpack-config.js文件直接位于项目文件夹的根目录中。看起来您使用的是webpack模板。若要变更Webpack设定后藤build文件夹。在那里你会发现3个文件相关的webpack配置;
webpack-simple
webpack-config.js
webpack
webpack.base.conf.js
webpack.dev.conf.js
webpack.prod.conf.js
2条答案
按热度按时间3wabscal1#
如果您使用新的vue-cli 3(@vue/cli)创建项目,则项目根目录中会有一个名为vue.config.js的文件。这意味着您可以通过更改vue.config.js(该文件自动包含在项目根目录中)来自定义Webpack自定义设置,如下所示:
太简单了!新的vue-cli方法万岁!
qgelzfjb2#
webpack-simple
模板的webpack-config.js
文件直接位于项目文件夹的根目录中。看起来您使用的是
webpack
模板。若要变更Webpack设定后藤build文件夹。在那里你会发现3个文件相关的webpack配置;
您可以在
webpack.base.conf.js
文件或webpack.dev.conf.js
文件(如果更改是针对开发时配置)或webpack.prod.conf.js
文件(如果更改是针对生产构建配置)中进行包所需的更改