javascript - 如何使用 webpack 添加 js 文件？

Question

我正在阅读这个 webpack 教程:

https://webpack.github.io/docs/usage.html

它说它捆绑了 src 文件和 node_modules。如果我想在那里添加另一个 .js 文件，我该怎么做？这是一个 thirdpartyjs 文件，它不是源代码的一部分，也不是 node_modules 文件的一部分。这是我当前的 webpack.config.js:

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: [
        'react-hot-loader/patch',
        'webpack-dev-server/client?http://localhost:8080',
        'webpack/hot/only-dev-server',
        './app/app.js'
    ],
    output: {
        path: path.resolve(__dirname, "dist"),
        publicPath: "/dist/",
        filename: "dist.js",
        sourceMapFilename: "dist.map"
    },
    devtool: 'source-map',
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('development')
            }
        }),
    ],
    module: {
        loaders: [{
            loader: 'babel',
            exclude: /node_modules/
        }]
    },
    devServer: {
        inline: true
    },
    node: {
        fs: "empty"
    },
    watch: false
}

Answer 1

代码的起点是配置中的entry字段。在您的配置入口点是文件列表。 Webpack 获取所有内容，解决它们的依赖关系并在一个文件中输出。

添加第三方脚本有两种选择:

• 将文件路径添加到app.js之前的入口列表
• 从 app.js 中获取此文件