基于webpack的前端集成开发环境和编译环境
基于webpack的前端集成开发环境和编译环境
yo
和generator-packing
npm install -g yo generator-packing
yo packing
npm run serve
在浏览器中预览网站 http://localhost:8081
其他命令
# 编译工程
npm run build
# 不同环境下编译工程
npm run build:dev
npm run build:beta
npm run build:prod
# 编译并预览编译结果,端口8080
npm run serve:dist
# 启动不带webpack-dashboard的开发环境
npm run serve:normal
# 启动时自动打开浏览器功能
npm run serve -- --open
npm run serve -- -o
# 启动时强制清除DLL缓存功能
npm run serve -- --clean
npm run serve -- -c
.
├── /bin/
│ ├── /packing-build.js
│ ├── /packing-serve:dist.js
│ ├── /packing-serve.js
│ └── /packing.js
├── /config/
│ ├── /packing.js # 构建工具相关配置
│ ├── /webpack.build.babel.js # webpack编译环境配置文件
│ ├── /webpack.dll.babel.js # DllPlugin插件编译配置
│ └── /webpack.serve:dist.js # webpack预览编译后结果的配置文件
├── /examples/ # 例子
├── /src/ # 项目代码容器目录
├── /util/ # util
├── .babelrc # babel配置
├── .eslintrc.js # eslint配置
├── package.json
└── README.md