vue-loader里面的配置的选项都没用吗?

发布于 2022-09-07 07:57:47 字数 1454 浏览 20 评论 0

修改:

昨天我发现在vue-loader配置css选项没有用,不能提取css
后面再进一步配置js:babel,eslint什么的也没有用,我对没用的定义是无法ie11中运行
自己已经配置了.babelrc
因为自己是在webpack4的时候,才开始自己尝试配置webpack的,vue-loader也是用的最新的15
所以就不知道是什么原因,不知道是我自己使用的问题还是其他的问题

//vue-loader官网例子
{
      test: /\.vue$/,
      loader: 'vue-loader',
      options: {
        loaders: {
          js: 'babel-loader!eslint-loader'
        }
      }
    }
//babelrc
{

  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ]
}

-----------------------------------5-14分割线------------------------
1,我是参考官网的例子vue-loader提取css,style
1.1发现这样配置没有用识别不了style的内容

clipboard.png

1.2这样配置还是不行
clipboard.png
2.1
我猜测是不是因为vue-loader的文档当时对的是webpack2
所以我又配了一次,参考webpakc官网webpack plugin

 test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: "css-loader"
        })

这样style是可以被提取出来的
但是我想知道为什么1不可以,是不是我配错了哪里。。。

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

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

发布评论

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

评论(1

握住我的手 2022-09-14 07:57:47

这里有webpack4的 Webpack 配置详解(含 4)——关注细节

webpack3的差不多,可以去参考 vue-cli webpack 模板,只是用的插件不一样。

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