微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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 页面(目录相同)
			}
	}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐