命令打包:
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 页面(目录相同)
}
}
原文地址:https://blog.csdn.net/weixin_43294560/article/details/112394090
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。