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

Question

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

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

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

Answer 1

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

示例 webpack(v2) 配置：

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 而不是手动构建该数组，但我建议您确切地知道要添加到包中的内容。

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

Bundle js dependencies in package.json into a minified file without require calls in main file?

npm

requirejs

browserify

webpack

package.json