これは私の設定ファイルで、目的の「dist」ディレクトリにビルド ファイルをバンドルして生成しています。しかし、それを別の場所にコピーしたいのです。問題は、ビルドが完了する少し前に copyWebPackPlugin が実行されていることです。
const CleanWebpackPlugin = require('clean-webpack-plugin');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const buildAssets= require('./frontEndBuildAssets');
const CopyWebpackPlugin = require('copy-webpack-plugin')
var vendorJsFiles = buildAssets.buildConfig.vendorJs;
var frontEndStyles = buildAssets.buildConfig.frontEndStyles;
var customJsFiles = buildAssets.buildConfig.customJSFiles;
let pathsToClean = [
'dist/assets'
]
const frontEndBuildConfig = {
entry: {'vendorJs':vendorJsFiles,'customJs':customJsFiles,'frontEndStyles':frontEndStyles},
output: {
path: __dirname + '/dist/assets',
filename: '[name]Bundle.js',
publicPath: ''
},
module: {
rules: [
{
test: /\.css$/,
exclude: path.resolve(__dirname, 'node_modules'),
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: [
{ loader: 'css-loader?sourceMap!sass-loader?sourceMap!', options: { minimize: true,sourceMap: true} }
]
}),
},
{
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
use: [{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: './fonts'
}
}]
},
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'file-loader',
}
]
}
]
},
plugins: [
new CleanWebpackPlugin(pathsToClean),
new HtmlWebpackPlugin({
template: './src/indexTemplate.html',
inject: true,
filename: 'index.html'
}),
new UglifyJsPlugin({
uglifyOptions: {
exclude: /(costing)/,
output: {
comments: false,
beautify: true
},
compress: {},
}
}),
new ExtractTextPlugin('frontEndStylesBundle.css'),
new CopyWebpackPlugin([{ from: path.resolve(__dirname,'import/importFromExcel.html'),
to:path.resolve(__dirname,'costing/assets/')}])
]
};
module.exports = [frontEndBuildConfig];
webpack --mode development を実行した後、目的の場所にファイルがありません。