webpack3如何复制静态文件?
本文介绍了webpack3如何复制静态文件?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
webpack3如何复制静态文件?
百度到一个 copy-webpack-plugin 插件,是一年前的。
new CopyWebpackPlugin([{
form: "dev/index.html",
to: "dist/",
force: true
}])
在webpack3中运行报错了。
错误如下:
我的目录结构
我的webpack全配置:
module.exports = {
entry: {
index: [
'./dev/js/index.js'
]
},
output: {
filename: './dist/js/[name].js'
},
devtool: 'source-map',
module: {
loaders:[{
test: /\.css$/,
loader: ExtractTextPlugin.extract("style-loader", "css-loader")
}],
rules:[{
test: /\.css$/,
use: ExtractTextPlugin.extract({
use: 'css-loader',
fallback: 'style-loader'
})
}]
},
plugins: [
new ExtractTextPlugin("dist/css/[name].css"),
new CopyWebpackPlugin([{
form: "dev/index.html",
to: "dist/",
force: true
}])
]
};
我的目的很简单,就是把 dev/index.html 复制到 dist/index.html;
请问在webpack3中用什么方法实现?
解决方案
...你单词拼错了
是from
不是form
这篇关于webpack3如何复制静态文件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文