将package.json中的js依赖项捆绑到一个缩小的文件中,而不需要在主文件中调用?

时间:2017-05-21 19:00:43

标签: npm webpack requirejs browserify package.json

我通过为所有依赖项调用node install ... -save来定义package.json中的依赖项。

如何在没有需要调用的主文件的情况下轻松地将这些已安装的依赖项组合到单个js文件中?我想将这个js文件包含在脚本标记的html文件中。

当我已经将包定义为依赖项时,似乎是一项不必要的任务......

1 个答案:

答案 0 :(得分:2)

检查网络包的DllPlugin https://webpack.js.org/plugins/dll-plugin/https://robertknight.me.uk/posts/webpack-dll-plugins/

示例webpack(v2)config:

const path = require('path')

const webpack = require('webpack')

module.exports = {
  devtool: 'source-map',
  entry: {
    vendor: [
      'react',
      'react-datetime',
      'react-dom',
      'react-redux',
      'react-router',
    ],
  },

  output: {
    filename: '[name].[chunkhash].js',
    path: path.resolve('./dist/'),
    library: '[name]_lib',
  },

  plugins: [
    new webpack.DllPlugin({
      path: 'dist/[name]-manifest.json',
      name: '[name]_lib',
    }),
  ],
}

您可以自动阅读package.json,而不是手动构建该阵列,但我建议您确切知道要添加到捆绑包中的内容。