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 页面(目录相同)
			}
	}
上一篇:vueCli3中使用代理,点击页面的刷新按钮时报错


下一篇:vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not Found)