webpack 打包
作者:互联网
命令打包:
webpack 起始文件 -o 输出文件 --mode=开发模式
-o为--output-path的简写
路径中的.为整个项目的根路径
如:
webpack ./src/index.js -o ./build/build.js --mode=development
webpack ./src/index.js -o ./build/build.js --mode=production
开发环境和生产环境会将es6模块编译成浏览器能识别的模块
生产环境会压缩代码
1、新建文件webpack.config.js
基于node.js的common.js语法
2、使用
module.exports={
入口文件:
entry:'路径',
entry:['路径1','路径2'],
entry:{x:'路径1',xx:'路径2'}
输出文件:
output:{
filename:'输出文件名',
path:'输出路径',
publicPath:'路径前缀'
publicPath: 'https://cdn.example.com/assets/', // CDN(总是 HTTPS 协议)
publicPath: '//cdn.example.com/assets/', // CDN(协议相同)
publicPath: '/assets/', // 相对于服务(server-relative)
publicPath: 'assets/', // 相对于 HTML 页面
publicPath: '../assets/', // 相对于 HTML 页面
publicPath: '', // 相对于 HTML 页面(目录相同)
}
}
标签:assets,路径,js,webpack,publicPath,build,打包 来源: https://blog.csdn.net/weixin_43294560/article/details/112394090