webpack2.0 style css-loader配置问题

发布于 2022-09-05 14:53:18 字数 723 浏览 23 评论 0

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

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

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

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

锦爱 2022-09-12 14:53:18

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

不必了 2022-09-12 14:53:18

我也遇到这个问题,求解

﹉夏雨初晴づ 2022-09-12 14:53:18

看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 }

不知道有没有解释清楚

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文