vuehtml-cli
v1.0.6
Published
多文件打包脚手架,支持html,css,js压缩,图片转base64,多html压缩,自动添加css前缀,支持es7,es6转es5,可适配html引用不同js
Downloads
24
Maintainers
Readme
vuehtml-cli
多文件打包脚手架,支持html,css,js压缩,图片转base64,多html压缩,自动添加css前缀,支持es7,es6转es5,可适配html引用不同js。
使用教程
# 安装脚手架
npm install vuehtml-cli -g
# 初始化脚手架文件
vuehtml init helloVuehtml(项目名称)
# 安装依赖
npm install
# 运行开发环境
npm run dev
然后在浏览器打开地址 localhost:8080
# 打包部署
npm run build
修改配置文件 config/config.js
module.exports = {
entry: {
"base": "./src/js/base.js", //需要打包的入口js文件
"index": "./src/js/index.js", //需要打包的入口js文件
"home": "./src/js/home.js" //需要打包的入口js文件
},
html: [
{
template: "./src/index.html", // html模板文件
filename: "index.html", // 开发服务器和打包生成的文件
inject : 'body', //在body 引入js文件
chunks: ["base", "index"], //引入的js
hash: true // 引入文件的时候添加哈希值,防止缓存的问题
},
{
template: "./src/home.html", // html模板文件
filename: "home.html", // 开发服务器和打包生成的文件
inject : 'body', //在body 引入js文件
chunks: ["base", "home"], //引入的js
hash: true // 引入文件的时候添加哈希值,防止缓存的问题
}
]
}
ps:文档写的不够详细,开发遇到问题的可以微信V我 YD1008610000