为何popup.html中需要引用这些JS文件的Webpack配置?
P粉727531237
P粉727531237 2023-09-05 17:15:09
[HTML讨论组]
<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: [ { from: &quot;public&quot; } ] }) ] } </pre> <pre class="brush:html;toolbar:false;">&lt;!doctype html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script defer=&quot;defer&quot; src=&quot;popup.js&quot;&gt;&lt;/script&gt; &lt;script defer=&quot;defer&quot; src=&quot;content.js&quot;&gt;&lt;/script&gt; &lt;script defer=&quot;defer&quot; src=&quot;background.js&quot;&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&quot;react-target&quot;&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre> <p>为什么会这样,如何修复?</p>
P粉727531237
P粉727531237

全部回复(1)
P粉724737511

嗯,这很简单:

plugins: [
  new HtmlWebpackPlugin({
    chunks: ['content']
  })
]
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号