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

不明白为什么我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)
小葫芦

으아악

minChunks는 2로 설정됩니다. 이는 최소 두 개의 청크에서 참조하는 js 모듈이 home.min.js에 배치된다는 의미입니다. lib.js는 index.js에서 한 번만 참조되므로 lib. js는 패키지되고 생성된 index.js에 배치됩니다

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿