Bower+Grunt から Webpack に (そして最終的には Bower ではなく YARN に) 移行しようとしています。
ただし、WebPack3 について私が見つけたドキュメントには、bower コンポーネントの処理についてさえ触れられていません。
WebPack 2 は Bower のプラグインを使用していましたが、WebPack 3 では同じプラグインがサポートされていません。
これが私のWebPack構成です:
const webpack = require('webpack');
const path = require('path');
const frontEndConfig = {
entry: {
client: './client/app/app.js'
},
output: {
path: path.resolve(__dirname, 'dist/client/'),
filename: '[name].app.js'
},
module: {
loaders: [
{
test: /\.css$/,
loader: "style-loader!css-loader"
}
]
},
resolve: {
modules: ['bower_components'],
descriptionFiles: ['bower.json'],
}
};
const backEndConfig = {
entry: {
client: './server/app.js'
},
output: {
path: path.resolve(__dirname, 'dist/server/'),
filename: 'app.js'
},
module: {
loaders: [
{
test: /\.css$/,
loader: "style-loader!css-loader"
}
],
rules: [{
exclude: ['node_modules']
}]
},
resolve: {
modules: ['node_modules'],
descriptionFiles: ['package.json'],
}
};
module.exports = [
frontEndConfig,
backEndConfig
];;
全体的なアイデアは、最初に webpack を使用して実行し、次に完全に YARN に移行することです。
WebPack3 のプラグインは停止されているとのことですが、これに対する回避策は何ですか?