如何使用webpack添加js文件？

Question

我正在阅读这个webpack教程:

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

它说它捆绑了src文件和node_modules.如果我想在那里添加另一个.js文件,我该怎么做？这是第三方文件,它不是源的一部分,也不是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

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

您有两种添加第三方脚本的选项:

• 在app.js之前将文件路径添加到条目列表中
• 需要来自app.js的此文件