关于vue-cli的一些整理

vue脚手架

1、如何引入插件

修改build/webpack.base.conf.js文件，

var webpack = require("webpack") // 1. 确保引入 webpack，后面会用到
module.exports = {
 ...
 resolve: {
  extensions: ['.js', '.vue', '.json'],
  modules: [
   ..
  ],
  alias: {
   ...
   // 2. 定义别名和插件位置
   'jquery': 'jquery'
  }
 },
 plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),// 默认会把所有入口节点的公共代码提取出来,生成一个common.js
     // 3. 配置全局使用 jquery
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ]
}

2、使用sass

• 1 安装

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

• 2 配置: 在build文件夹下的webpack.base.conf.js的rules里面添加配置

{
 test: /\.sass$/,
 loaders: ['style', 'css', 'sass']
}

*在APP.vue中修改style标签