简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
為何popup.html中需要引用這些JS檔案的Webpack設定？
P粉727531237
P粉727531237 2023-09-05 17:15:09
0
1
407
<p>我只想在<code>popup.html</code>中引用<code>popup.js</code>。然而，<code>content.js</code>和<code>background.js</code>也被引用在<code>popup.html</code>中。為什麼會發生這種情況，我該如何修復？ </p> <pre class="brush:js;toolbar:false;">const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const CopyPlugin = require('copy-webpack-plugin') module.exports = { entry: { popup: './src/popup.tsx', content: './src/content.tsx', background: './src/background.ts', }, output: { filename: '[name].js', path: path.resolve(__dirname, 'dist') }, module: { rules: [{ test: /\.ts(x)?$/, use: 'ts-loader', exclude: /node_modules/ }] }, plugins: [ new HtmlWebpackPlugin({ template: './src/popup.html', filename: 'popup.html' }), new CopyPlugin({ patterns: [ { 從: "public" } ] }) ] } </pre> <pre class="brush:html;toolbar:false;"><!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Document</title> <script defer="defer" src="popup.js"></script> <script defer="defer" src="content.js"></script> <script defer="defer" src="background.js"></script> </head> <body> <div id="react-target"></div> </body> </html> </pre> <p>為什麼會這樣，要如何修復？ </p>
P粉727531237
P粉727531237

全部回覆(1)
P粉724737511
P粉7247375112023-09-06 16:46:52 1樓

嗯，這很簡單：

plugins: [
  new HtmlWebpackPlugin({
    chunks: ['content']
  })
]
點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！