vue 安装pug、less和vux

webpack全局安装： 全局安装后可以供命令行使用，用户可以在命令行中直接运行该组件包支持的命令
webpack本地安装：本地安装后 可以通过require（）方式引入项目node_modules目录模块下
总结：一般安装在全局的都是有命令行需求的package,但具体项目包需要本地安装

1. Pug

1. npm install pug --save-dev（安装在开发环境中）
2. 在build->webpack.base.config.js->module.exports->modules->rules里配置

{
  test: /\.pug$/,
  loader: 'pug'
}

• 如果只安装pug编译报错，则需要把loader改成pug-plain-loader

npm install pug-plain-loader --save-dev（安装在开发环境中）

{
  test: /\.pug$/,
  loader: 'pug-plain-loader'
}

2. Less

1. npm install less less-loader --save-dev（开发环境安装）
2. 在build->webpack.base.config.js->module.exports->modules->rules里 配置

{
   test: /\.less$/,
   loader: "style-loader!css-loader!less-loader"
}

3. VUX

1. yarn add vux // 安装
2. yarn add vux-loader //出现报错的时候安装
3. Build/webpack.base.conf.js里配置

const vuxLoader = require('vux-loader')
// 原来的 module.exports 代码赋值给变量 webpackConfig
//（如果已经存在module.exports，用let重命名然后merge）
const webpackConfig = originalConfig 
module.exports = vuxLoader.merge(webpackConfig, {
  plugins: ['vux-ui']
})