Webpack 网页包插件无法按预期工作
我用的是ionic2+angular2。我想将我自己的代码放在一个文件中,并将所有库合并到另一个文件中 问题是我自己的应用程序仍然包含这些库 这是我的配置文件:Webpack 网页包插件无法按预期工作,webpack,angular,ionic2,Webpack,Angular,Ionic2,我用的是ionic2+angular2。我想将我自己的代码放在一个文件中,并将所有库合并到另一个文件中 问题是我自己的应用程序仍然包含这些库 这是我的配置文件: var path = require('path'); var webpack = require("webpack"); module.exports = { root: path.resolve('/'), devtool: 'source-map', entry: { vendor:[path.norma
var path = require('path'); var webpack = require("webpack");
module.exports = { root: path.resolve('/'),
devtool: 'source-map',
entry: {
vendor:[path.normalize('es6-shim/es6-shim.min'),
'reflect-metadata',
'web-animations.min',
'zone.js/dist/zone-microtask',
'ionic-framework/ionic'
],
app: path.resolve('www/app/app.ts')
},
output: {
filename: '[name].js',
},
plugin:[
new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename:
'vendor.js', minChunks: Infinity }),
],
module: {
loaders: [
{
test: /\.ts$/,
loader: 'awesome-typescript',
query: {
'doTypeCheck': false
},
include: path.resolve('www/app'),
exclude: /node_modules/
},
{
test: /\.js$/,
include: path.resolve('node_modules/angular2'),
loader: 'strip-sourcemap'
},
{ test: /\.html$/, loader: 'raw-loader' },
],
noParse: [
/es6-shim/,
/reflect-metadata/,
/web-animations/,
/zone\.js(\/|\\)dist(\/|\\)zone-microtask/
] }, resolve: {
alias: {
'web-animations.min': path.normalize('ionic-framework/js/web-animations.min')
},
extensions: ["", ".ts", ".js" ] } };
我想您忘了为
供应商
条目指定angular2
和ionic2
模块:
条目:{
供应商:[
路径规范化('es6-shim/es6 shim.min'),
“反映元数据”,
“web animations.min”,
“zone.js/dist/zone微任务”,
“离子骨架/离子”,
//这里:添加您正在使用的所有“angular2”和“ionic2”模块
“angular2/平台/浏览器”,
“angular2/核心”,
“angular2/路由器”,
//等等。。。
],
// ...
}
我想您忘了为供应商
条目指定angular2
和ionic2
模块:
条目:{
供应商:[
路径规范化('es6-shim/es6 shim.min'),
“反映元数据”,
“web animations.min”,
“zone.js/dist/zone微任务”,
“离子骨架/离子”,
//这里:添加您正在使用的所有“angular2”和“ionic2”模块
“angular2/平台/浏览器”,
“angular2/核心”,
“angular2/路由器”,
//等等。。。
],
// ...
}
非常感谢@alexpods,我已经尝试插入angular2,但没有成功,我在两个文件(供应商和应用程序)中看到angular2库没有插入angular2,因为ionic2将在网页包构建过程中调用angular2我解决了这个问题,我使用的是单一插件而不是插件,谢谢@alexpodsmany Thank@alexpods,我已经尝试插入angular2,但没有成功,我在两个文件(供应商和应用程序)中看到angular2库没有插入angular2,因为ionic2会在网页包构建过程中调用angular2我解决了它,我使用的是单一插件而不是插件,谢谢@alexpodsi解决了它,我用插件单数代替插件我解决了这个问题,我用插件单数代替插件