vue引入全局css报错

Question

main.js

import './assets/css/test.css'

webpack.base.conf.js

{
    test: /\.css$/,
    include: [
        /src/, //表示在src目录下的css需要编译
        '/node_modules/element-ui/lib/' 
    ],
    loader: 'style-loader!css-loader'
}

求解.

Answer 1

在webpack.base.conf.js里面vue-loader已经对css/less/sass/stylus做了解析处理，可以参看utils.js 里面就是对css的处理，故 不需要在加一个配置，你把加的那段话删掉，重启 再试试。。。。

  module: {
    rules: [{
      test: /\.vue$/,
      loader: 'vue-loader',   //这个地方 已经做了css的处理
      options: vueLoaderConfig
    }, {
      test: /\.js$/,
      loader: 'babel-loader',
      include: [resolve('src'), resolve('test')]
    }, {

Answer 2

@tigerliu 的方法好使，是之前vue-loader已经对css做出了处理。故`{

test: /\.css$/,
include: [
    /src/, //表示在src目录下的css需要编译
    '/node_modules/element-ui/lib/' 
],
loader:```
可以去掉，然后重新```npm run dev```

Answer 3

你重新安装下css-loader

Answer 4

语法写错了吧

Answer 5

vue-loader 只对vue文件中的css处理了

两种处理方式

1、include路径替换掉

include: 解析的文件夹路径。

2、直接在app.vue文件中
<style>
@import "xxxx.css";
</style>