Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 网页包插件无法按预期工作_Webpack_Angular_Ionic2 - Fatal编程技术网

Webpack 网页包插件无法按预期工作

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

我用的是ionic2+angular2。我想将我自己的代码放在一个文件中,并将所有库合并到另一个文件中

问题是我自己的应用程序仍然包含这些库

这是我的配置文件:

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解决了它,我用插件单数代替插件我解决了这个问题,我用插件单数代替插件