私は髪を引き離しています...インライン画像loading..webpack
私はすべてを試したような気がします。
これは私のWebPACKの設定です。しかし、私はなりたい...
var publicConfig = {
context: path.join(__dirname, 'src'),
entry: [
'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000',
'./public.jsx',
],
output: {
path: path.join(__dirname, 'app'),
filename: 'publicBundle.js',
publicPath: '/assets/',
},
module: {
loaders: [
{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader'},
//{ test: /\.css$/, loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]' },
// { test: /\.css$/, loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]' },
{ test: /\.css$/, loader: "style!css" },
{
test: /\.(jpg|png)$/,
loader: 'url?limit=25000'
},
{ test : /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/, loader : 'file-loader' }
]
},
resolve: {
extensions: ['', '.js', '.jsx', '.json']
},
plugins: [
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
]
};
私のCSSで画像を定義私が欲しいものを正確に/資産/フォルダに追加されるイメージのファイルインライン(htmlビューも同様)からイメージパスを呼び出すことができます。しかし、私のCSSファイルからそれらをターゲットにしない限り、画像は/ assets /にコピーされません。
私がすることによって、それらをインポートしようとした:
import logo from './images/animus_logo_blacktext.png'
しかし、それはまだ私の資産に表示されますdoesntの。
イメージパスのインラインのベストプラクティスは何ですか?
CSSファイルからどのようにターゲットを設定しますか? – Restuta