搜尋

首頁  >  問答  >  主體

node.js - webpack required打包问题

不明白为什么我require了lib.js,不是已经打包进home.min.js了吗,而且home.min.js没require进lib.js写的代码 是我理解错了吗

var webpack = require('webpack'),
    path = require('path'),
    CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");

var chunks = {
    "index": './src/js/index.js'
};


module.exports = {
    entry: chunks,
    output: {
      path: './dist/js/',
      filename: '[name].js'
    },
    module: {
      loaders: [
          {
            test: /\.js[x]?$/,
            loaders: ['babel-loader?presets[]=es2015'],
            exclude: /node_modules/,
            include: path.join(__dirname, '.')
          }
        ]
    },
    // resolve: {
    //     alias: {
    //         js: path.join(__dirname,  "./src/js")
    //     },
    //     extensions: ['', '.js', '.json']
    // },
    plugins: [
      // new webpack.optimize.UglifyJsPlugin(),
      new CommonsChunkPlugin({
          name: "home.min",
          minChunks: 2,
          chunks: chunks
      }),
    ]
};
//index.js
var Hello = require("./lib/lib.js");

new Hello();
//lib.js
var Hello = require("./lib/lib.js");

new Hello();
大家讲道理大家讲道理2783 天前606

全部回覆(1)我來回復

  • 高洛峰

    高洛峰2017-04-17 15:00:33

          new CommonsChunkPlugin({
              name: "home.min",
              minChunks: 2,
              chunks: chunks
          }),

    minChunks設為2,表示至少要有兩個chunk引用的js模組才會被放到你的home.min.js裡,你這lib.js只被index.js引用了一次,因此lib. js的內容會放在打包生成後的index.js裡

    回覆
    0
  • 取消回覆