webpack创建vue

1.安装

runtime-only:代码中，不可以有任何的template

runtime-complate：代码中可以有template。因为有complate可以用户编译template

npm install vue --save
// webpack.config.js
module.exports = {
    ...
    resolve:{
        alias:{
            'vue$':'vue/dist/vue.esm.js'
        }    
    }
}

npm install vue-loader vue-template-compiler --save-dev

module: {
  rules: [
    {
      test: /\.vue$/,
      use: ['vue-loader']
    }
  ]
}

2.el和template

vue实例里，如果同时有el和template，template将替换el

3.打包html的plugin

npm install html-webpack-plugin --save-dev

// webpack.config.js
const = HtmlWebpackPlugin = require('html-webpack-plugin')
plugins:[
    new HtmlWebpackPlugin({
        template:'index.html'
    })
]

4.uglifyjs压缩js

xxxxxxxxxxxxxxxxx

5.runtime-compiler和runtime-only的区别

runtime-compiler 注册--compiler中使用   template--ast--render--vdom--ui

runtime-only    render--vdom --ui