vue引入node-modules中的样式

• 在js中

import "nprogress/nprogress.css";

• 在style标签内

切记 在style标签内通过@import '' 引入样式，后面必须加分号‘;’
否则样式不会引入，但也不会报错，可能当lang='scss' 不加分号会报错
这种细节不注意，你错都不容易知道错那了（可以复制别人的，到自己的代码中，可以适当的发现这种错误）

@import "nprogress/nprogress.css";

nprogress(页面加载进度) 必须在main.js中引入 ，要是在其它.vue中引入不生效

• 下面这样反而不行

@import "../node-modules/nprogress/nprogress.css";

• 开发环境和生产环境对css的处理是不一样的

if (options.extract) {
//这里是生产环境对css的处理，
//const ExtractTextPlugin = require('extract-text-webpack-plugin')
//这个插件一般用到生产环境，可以打包的css并行加载，而且打包时不容易出错
//sourceMap: options.sourceMap 用资源地图时（为真时）就要用这个插件
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

• 2 和上面相对应 犯过的错

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        // url: false,
         // publicPath: '../../', //解决 build css bg img 加载路径不对问题
//不知道什么原有下载的vue-cli模板 带publicPath：'../../' 因为有它生产环境引入
//node-modules中的css，npm run build 打包时 会报路径不对，把这个注释掉还不行
//解决：又下了一个vue模板，引入node-modules中的css，不报错了，然后看生产环境的
//对css的处理，发现没有：publicPath：'../../'
//(想法：觉得尤雨西 不可能犯这么低级的错误，于是就重新下个模板试试，真的就可以啦）
//当时还疑问 为什么 开发坏境和生产对css的处理不一样，然后找资料，发现生产环境可以实现并行加载
//而且不易错
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }