1.0.6 • Published 5 years ago

vuehtml-cli v1.0.6

Weekly downloads
1
License
ISC
Repository
-
Last release
5 years ago

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