2017-11-20 11 views
1

私はvue.jsアプリケーションをビルドするためにwebpackを使用しています。画像が見つかってからnode_moduleのCSSファイルがインポートされるまでは問題ありません。 解決できません。 vue.lessノードモジュール内のVueローダーイメージサードパーティCSSが解決されない

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

'./my_image.png'

vue-loaderurl=falseを追加するオプション

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

ですが、それはExtractTextPluginを破るを解決できません

<style lang="less"> 
    @import '[email protected]/vue'; 
</style> 

...

vue-loaderに正しいフォルダを表示する方法を教えてください。 または、どうやってwebpackに画像のパスをモジュールとして解決しようとしないのですか?

+0

どこの画像を探しているのか分かりませんか?また、明確にするには、これは生産されたビルドでのみ発生しますか? devサーバーは正常に動作し、イメージを表示しますか?イメージをロードするローダーの設定は何ですか(ファイルローダー/ URLローダー)? –

+0

css-loaderの 'alias'オプションが役に立ちますか? https://github.com/webpack-contrib/css-loader#alias –

+0

私は別名@LinusBorgでテストします。その間に、webpackによってイメージをモジュールとして解決することに興味がないので、私はより速く見つけました溶液。 – Daniele

答えて

1

イメージをwebpackでモジュールとして解決することに興味がないので、ローダーのこの余分なオプションがすばらしい勝利であることがわかりました。

{ 
    test: /\.vue$/, 
    loader: 'vue-loader', 
    options: { 
    extractCSS: prod, 
    loaders: { 
     less: ExtractTextPlugin.extract({ 
     fallback: 'style-loader', 
     use: 'css-loader?url=false!less-loader', 
     }), 
    }, 
    }, 
}, 
関連する問題