จะเพิ่มไฟล์ js ด้วย webpack ได้อย่างไร?

ฉันกำลังอ่านบทช่วยสอน 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
}

person bier hier    schedule 24.05.2017    source แหล่งที่มา
comment
อาจซ้ำกับ วิธีรวมไฟล์ภายนอกเข้ากับ webpack   -  person Liam    schedule 05.01.2018


คำตอบ (2)


จุดเริ่มต้นของโค้ดคือฟิลด์ entry ใน config ในจุดเข้ากำหนดค่าของคุณคือรายการไฟล์ Webpack ได้รับทั้งหมด แก้ไขการขึ้นต่อกันและส่งออกในไฟล์เดียว

คุณมีสองตัวเลือกในการเพิ่มสคริปต์ของบุคคลที่สาม:

  • เพิ่มพาธของไฟล์ในรายการก่อน app.js
  • ต้องการไฟล์นี้จาก app.js
person Dmitry Manannikov    schedule 24.05.2017

เพื่อตอบสนองต่อคำตอบของ Dmitry:

  • เพิ่มพาธของไฟล์ในรายการก่อน app.js

ซึ่งจะทำให้คุณได้รับไฟล์ .js แบบรวมสำหรับแต่ละจุดเข้าใช้งาน ซึ่งคุณอาจไม่ต้องการ

  • ต้องการไฟล์นี้จาก app.js

คุณอาจไม่สามารถเข้าถึง app.js หากมีการเขียนแบบไดนามิก หรือด้วยเหตุผลใดก็ตามที่คุณอาจไม่ต้องการแก้ไข app.js

ตัวเลือกอื่น:

คุณสามารถใช้ webpack-inject-plugin เพื่อแทรกโค้ด JS ใดๆ ที่เป็นสตริงลงใน บันเดิล .js ที่เป็นผลลัพธ์ที่สร้างโดย webpack วิธีนี้คุณสามารถอ่านไฟล์ที่คุณต้องการฉีดเป็นสตริง (เช่น fs.readFile ใน nodejs) และฉีดด้วยปลั๊กอิน

person Jose V    schedule 20.03.2019