我目前正在使用 Webpack 来打包我们的 Angular2 应用程序,但我遇到了一个问题。
我已经阅读了几个文档,但我无法使用文件加载器在我的输出目录中复制一些文件。
这是我当前的文件层次结构:
config
| - webpack.common.js
app
|- static
| - css
| - ...
| - fonts
| - ...
| - img
| - someimage.png
| - anotherimage.png
|- main.ts
和(完整的) webpack.common.js :
var path = require("path")
var webpack = require("webpack")
var ExtractTextPlugin = require("extract-text-webpack-plugin")
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
app: './app/main.ts',
},
output: {
filename: 'js/[name].js',
path:'./built',
chunkFilename: 'bundles/[id].chunk.js'
},
module: {
loaders: [
{
test: /\.ts$/,
loader: 'ts',
exclude:'./out/'
},
{
test: /\.(jpe?g|png|gif|svg)$/i,
include: [
path.resolve(__dirname, '/app/static/img/'),
],
loader: 'file?name=[path][name].[ext]&context=./src',
}
]
},
resolve: {
extensions: ['', '.js', '.ts', '.gif']
},
plugins: [
new HtmlWebpackPlugin({
template: './index.html'
})
]
}
要执行 webpack,我播放命令:
webpack --config Config/webpack.common.js --bail
ts 文件被正确地转换为 javascript 并复制到输出目录中,index.html 文件也存在,但没有我的图像文件。
我认为我的配置文件有问题,但我看不到是什么。我已经花了好几个小时敲打我的头,所以任何帮助都将不胜感激。
谢谢