Bagaimana cara menambahkan file js dengan webpack?

Saya sedang membaca tutorial webpack ini:

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

Dikatakan itu menggabungkan file src dan node_modules. Jika saya ingin menambahkan file .js lain di sana, bagaimana caranya? Ini adalah file pihak ketiga yang bukan bagian dari sumber dan bukan bagian dari file node_modules. Ini adalah webpack.config.js saya saat ini:

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
}

person bier hier    schedule 24.05.2017    source sumber
comment
Kemungkinan duplikat Cara memasukkan file eksternal dengan webpack   -  person Liam    schedule 05.01.2018


Jawaban (2)


Titik awal untuk kode adalah kolom entry di konfigurasi. Di titik masuk konfigurasi Anda adalah daftar file. Webpack mendapatkan semuanya, menyelesaikan dependensi dan outputnya dalam satu file.

Anda memiliki dua opsi untuk menambahkan skrip pihak ketiga:

  • tambahkan jalur file ke daftar entri sebelum app.js
  • memerlukan file ini dari app.js
person Dmitry Manannikov    schedule 24.05.2017

Menanggapi jawaban Dmitry:

  • tambahkan jalur file ke daftar entri sebelum app.js

Ini berdampak pada Anda akan mendapatkan file .js yang dibundel untuk setiap titik masuk, yang mungkin tidak Anda inginkan.

  • memerlukan file ini dari app.js

Anda mungkin tidak memiliki akses ke app.js jika ditulis secara dinamis, atau karena alasan apa pun Anda mungkin tidak ingin mengedit app.js.

Pilihan lain:

Anda dapat menggunakan webpack-inject-plugin untuk memasukkan kode JS apa pun sebagai string ke dalam bundel .js yang dihasilkan dibuat oleh webpack. Dengan cara ini Anda dapat membaca File yang ingin Anda masukkan sebagai string (misalnya fs.readFile di nodejs) dan menyuntikkannya dengan plugin.

person Jose V    schedule 20.03.2019