在webpack2中同时使用插件HtmlWebpackPlugin和CopyWebpackPlugin时,想将HtmlWebpackPlugin插件自动生成的文件,通过CopyWebpackPlugin插件自动复制到某个指定文件夹下。
HtmlWebpackPlugin插件写法如下:
new HtmlWebpackPlugin({
title: '主页',
filename: '../dist/static/Home.html',
template: 'html/template.html',
inject: true,
chunks: ['vendor', 'manifest', 'Home'],
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
},
chunksSortMode: 'dependency'
})
CopyWebpackPlugin插件写法如下::
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../dist/static'),
to: path.resolve(__dirname, '../static'),
force: true,
toType: 'dir',
ignore: ['.*']
}
])
打包时报错如下:
ERROR in [copy-webpack-plugin] unable to locate 'C:\Users\Administrator\IdeaProjects\test\src\main\webapp\dist\static' at 'C:\Users\Administrator\IdeaProjects\test\src\main\webapp\dist\static'
个人推测,是CopyWebpackPlugin插件准备复制的时候,HtmlWebpackPlugin插件还没生成对应的文件/文件夹。请问这种情况应该如何解决?
在根目录下加一个static文件夹
