项目结构图如下:
webpack.common.js如下:
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var helpers = require('./helpers');
var path = require('path');
console.log(helpers.root('public','js'));
module.exports = {
entry: {
'polyfills': './src/polyfills.ts',
'vendor': './src/vendor.ts',
'app': './src/main.ts',
},
resolve: {
extensions: ['', '.ts', '.js'],
},
module: {
loaders: [
{
test: /\.ts$/,
loaders: ['awesome-typescript-loader', 'angular2-template-loader']
},
{
test: /\.html$/,
loader: 'html'
},
{
test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)\??.*$/,
loader: 'file?name=assets/[name].[hash].[ext]'
},
{
test: /\.css$/,
exclude: helpers.root('src', 'app'),
loader: ExtractTextPlugin.extract('style', 'css?sourceMap')
},
{
test: /\.css$/,
include: helpers.root('src', 'app'),
loader: 'raw'
},
{
test: /\.js$/,
include: [
path.resolve(__dirname, "public/js"),
path.resolve(__dirname, "public/js/ie")
],
loader:'file?name=static/js/[name].[ext]'
}
]
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: ['app', 'vendor', 'polyfills']
}),
new HtmlWebpackPlugin({
template: 'src/index.html',
}),
]
};
关注最后一个loader,js的loader public/js下的js文件死活没有加载到dist/static/js中。
奇怪的是,我把include去掉(意味着对项目下所有js进行处理),其他的js都加载了,就是public/js下的js不能识别到。请教下各位这是为什么?