标签:assets 路径 js webpack publicPath build 打包
命令打包:
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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。