node.js - webpack required打包问题
大家讲道理
大家讲道理 2017-04-17 14:58:33
0
1
601

不明白为什么我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();
大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆(1)
小葫芦
      new CommonsChunkPlugin({
          name: "home.min",
          minChunks: 2,
          chunks: chunks
      }),

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板