webpack中的webpack.base.config.js 和webpack.config.js有什么区别 ?

clipboard.png

有的地方又是 webpack.config.js
这些文件都是有什么不同 ,还是随意取名? webpack怎么识别?

阅读 4.2k
3 个回答
这些文件都是有什么不同 ,还是随意取名?

名字是可以随意取的,但是我们取名是为了让一些东西有意义不是?
prod用于生产打包,dev用于开发打包,可以想象,prod和dev肯定有一部分配置相同,再加上一些不同的配置。所以相同的配置都放到base里面去,然后prod和dev再引入base,增加各自不同的细节。

webpack怎么识别?

看你的package.json

名字是可以随便取的,最终看你package.json调用哪个js
package.json的scripts里调用

"scripts": {
    "dll": "webpack -p --config webpack.dll.config.js --progress --profile --colors",
    "dev": "node server.js",
    "build": "webpack -p --config webpack.config.js --progress --profile --colors"
  }

webpack默认只认识webpack.config.js;

在命令行输入webpack//默认加载webpack.config.js;
输入webpack --config webpack.config_test.js//就加载自定义的文件啦

完整 的项目是这样用的:
//server.js
.....
const webpackDevConfig = require('./build/webpack.dev.config');
......
if (config.isdev) {
console.log('server运行在开发环境')
const compiler = webpack(webpackDevConfig)
.....//配合热加载等一些模块

}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题