首页 文章

节点模块第三方css中的Vue Loader映像未解析

提问于
浏览 次
1

我正在使用webpack构建我的vue.js应用程序，一切都很好，直到找到导入node_module css文件的图像 . 他们无法解决 .

<style lang="less">
  @import '~@vue/vue';
</style>

在哪里

@import (inline) "@{node_modules}/third_party_lib/unmodifiable.css";

无法解决 './my_image.png'

将 url=false 添加到 vue-loader 是一个选项

{
  test: /\.vue$/,
  loader: 'vue-loader',
  options: {
    extractCSS: prod,
    loaders: {
      less: 'vue-style-loader!css-loader?url=false!less-loader',
    },
  },
},

但它破坏了ExtractTextPlugin ......

如何告诉vue-loader查看正确的文件夹？或者，我怎么能告诉webpack，请不要尝试将图像路径解析为模块？

webpack vue.js vue-loader

1 回答

  • 1

    由于我没有兴趣通过webpack将我的图像解析为模块，我发现加载器中的这个额外选项是一个快速的胜利 .

    {
  test: /\.vue$/,
  loader: 'vue-loader',
  options: {
    extractCSS: prod,
    loaders: {
      less: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: 'css-loader?url=false!less-loader',
      }),
    },
  },
},
    回复于

相关问题