mode节点的可选值
- development
- 开发坏境
- 不会对打包生成的文件进行代码压缩和性能优化
- 打包速度快,适合在开发阶段使用
- production
- 生产环境
- 会对打包生成的文件进行代码压缩和性能优化
- 打包速度慢,仅适合在项目发布阶段使用
webpack.config.js文件的作用
webpack.config.js是webpack的配置文件,在进行打包构建之前,会先读取这个文件,
由于webpack是基于node.js开发的所以支持node.js的语法和模块
webpack中的默认约定
- 默认打包入口文件src下的index.js
- 默认的输出文件路径为dist下的main.js
可以在webpack.config.js中修改打包的默认配置,通过entry节点配置打包入口,output节点配置打包出口
const path = require('path') //导入操作路径的path模块
module.exports = {
entry: path.join(__dirname,'./src/index.js'),//打包入口文件路径
output:{path.join(__dirname,'./dist'),//输出文件路径
filename : 'bundle.js' //输出文件的名称
}
}
导入js文件时就应该是src=“./dist/bundle.js”