/*
配置自定义打包规则
1 所有规则 都写在 module.exports = { } 中
*/
let path = require(‘path‘);
module.exports = {
// production -> 压缩模式 development
mode:‘development‘,
// 入口
entry:‘./src/index.js‘,
// 出口
output:{
// 输出的目录必须是绝对路径
path: path.resolve(__dirname,‘build‘),
// // 输出的文件名
filename:‘budle.min.js‘
},
// 服务配置
devServer: {
// 端口号
// prot: 8082,
// // 显示打包编译进度状态
progress: true,
// // 指定当前服务处理资源的目录
contentBase: path.resolve(__dirname,‘build‘),
// // 编译完成自动打开浏览器
open:true
}
}
----------------------
自定义 规则文件
"build": "webpack --config webpack.config.development.js --mode development"
安装启动服务
npm install webpack-dev-server -D
能打包 创建服务 和 监控 修改内容 实时提交
npm run serve // "serve": "webpack-dev-server --config webpack.config.development.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"serve": "webpack-dev-server --config webpack.config.development.js",
"build": "webpack --config webpack.config.development.js --mode development"
},
