app.vue报错

原因：

css的id符号无法识别。需要css-loader进行解析

const path = require('path')

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {

  entry: path.join(__dirname,'src/index.js'),

  output: {

    filename: 'bundle.js',

    path: path.join(__dirname,'dist')

  },

  plugins:[

    new VueLoaderPlugin()

  ],

  module: {

    rules: [

      {

        test: /\.vue$/,

        loader: 'vue-loader'

      },

      {

        test: /\.css$/,

        loader: ['style-loader','css-loader']

      }//加了css-loader

    ]

  }

}

  .styl 文件没有loader，按视频的安装一下。如果不行注意一下三个loader的顺序。原因：因为.styl需要依次经过stylus-loader, postcss-loader css-loader, style-loader编译。因此需要按此顺序配置

{

  test:/\.styl/,

    use:[

      'style-loader',

      'css-loader',

      {

        loader: 'postcss-loader',

        options: {

          sourceMap: true

        }

      },

      'stylus-loader'

    ]

},

他不是告诉你了吗，你有个loader没有装