webpack2.0 style css-loader配置问题

webpack2.0好像改变了配置文件的语法规则,通过vue-cli搭建的项目无法通过 loader: 'style-loader!css-loader'引入css文件,话不多说上图,上了官网用了官方的语法仍旧无效,处于懵逼状态,求解
图片描述

这里应该是webpack1.x中的语法,无论是加上还是去掉-loader都没有起到效果
备注是官网所建议的写法,仍旧无效
图片描述

以下为通过es6引入的css文件以及报错信息
图片描述

图片描述

阅读 8.2k
3 个回答

解决了,不配置css项就好了,也不知道为啥

我也遇到这个问题,求解

看vue build的源码就知道了

  • dev-server.js
var webpackConfig = require('./webpack.dev.conf')//走的是webpack.dev.conf.js文件
  • webpack.dev.conf.js
module.exports = merge(baseWebpackConfig, {
  module: {
//这里走的是utils.js
    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
  },
  • utils.js
exports.styleLoaders = function (options) {
  var output = []
//调用的是cssLoaders方法,跟进去就会发现其他已经添加了css-loader
  var loaders = exports.cssLoaders(options)
  for (var extension in loaders) {
    var loader = loaders[extension]
    output.push({
      test: new RegExp('\\.' + extension + '$'),
      use: loader
    })
  }
  return output
}

不知道有没有解释清楚

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题