cnblogs lena 默认 方式 什么 das 我们 入口 .config
webpack入门 大多数项目会需要很复杂的设置,这就是为什么webpack要支持配置文件。这比在终端中输入大量命令要高效的多,所以让我们常见一个取代CLI选项方式的配置文件
新建 webpack.config.js
- const path = require(‘path‘);
- module.exports = {
- entry: ‘./src/index.js‘,//设置入口文件
- output: {
- filename: ‘bundle.js‘,//生成的输出文件名称
- path: path.resolve(__dirname, ‘dist‘)//输出文件的路径
- }
- };
构建配置文件:
./node_modules/.bin/webpack --config webpack.config.js
运行结果:
- Hash: ff6c1d39b26f89b3b7bb Version: webpack 2.2.0 Time: 390ms Asset Size Chunks Chunk Names bundle.js 544 kB 0[emitted][big] main[0]. / ~ / lodash / lodash.js 540 kB {
- 0
- } [built][1](webpack) / buildin / global.js 509 bytes {
- 0
- } [built][2](webpack) / buildin / module.js 517 bytes {
- 0
- } [built][3]. / src / index.js 278 bytes {
- 0
- } [built]
tip:如果
存在,则
- webpack.config.js
命令将默认选择使用它。我们在这里使用
- webpack
选项只是向你表明,可以传递任何名称的配置文件。这对于需要拆分成多个文件的复杂配置非常有用。
- --config
webpack 使用配置文件
来源: http://www.bubuko.com/infodetail-2318090.html