vue 之引用全局样式

1. 引用全局scss文件

如果package.json的开发依赖里有 style-loader css-loader sass-loader node-sass 先删除掉

然后在根目录 npm install  style-loader css-loader sass-loader node-sass --save-dev

全局样式要在main.js里引入, 例如：   import './assets/scss/commen.scss'

 

接下来如果你使用的webpack-sample脚手架工具，你就在webpack.config.js里配置，如果你使用的是webpack完整版的请在webpack.base.conf.js下完整下面的配置

module: {

　　rules: [

　　　　。。。　　　

　　　　{

         test: /\.scss$/,
         exclude: /node_modules/,
         use: [{
             loader: "style-loader" // creates style nodes from JS strings
         }, {
             loader: "css-loader" // translates CSS into CommonJS
         }, {
            loader: "sass-loader" // compiles Sass to CSS
         }]
      }

　　]

}