在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ webpack 通過(guò) script 引入 未模塊化的 js 文件

webpack 通過(guò) script 引入 未模塊化的 js 文件

問(wèn)題背景

項(xiàng)目中需要引入外部的 script 文件，這是一個(gè)電話盒的功能函數(shù)，基于 windows dll 和 IE objectX 實(shí)現(xiàn)的，所以里面的代碼挺亂的，各種引用外部函數(shù)，我打算直接拿過(guò)來(lái)用。這個(gè)代碼也挺不規(guī)范的，沒有模塊化處理，之前我沒用使用 webpack 構(gòu)建時(shí)，直接 script 引入，進(jìn)行簡(jiǎn)單修改就可以用沒問(wèn)題。

使用 webpack 后，我仍然想直接在 index.html 通過(guò) script 標(biāo)簽引入它，這個(gè)文件放在本地，沒有 CDN。雖然打包后可以手動(dòng)調(diào)整目錄來(lái)引入它，但這樣調(diào)試很不方便，所以想請(qǐng)教使用 webpack-dev-server 能否達(dá)到同樣的效果。

問(wèn)題描述

因?yàn)槲椰F(xiàn)在使用 webpack-dev-server 調(diào)試時(shí)，內(nèi)存中只會(huì)打包一個(gè) main.bundle.js，script 的 scr 路徑引用不到。請(qǐng)問(wèn)如何才能在 script 中引用到這個(gè)本地 js。

回答
編輯回答
溫衫

假設(shè)目錄結(jié)構(gòu):

  • index.html
  • theWinDll.js
  • webpack.config.js

html 中加載腳本

<script src="./theWinDll.js"></script>

webpack.config.js 相關(guān)配置

module.exports = {
  devServer: {
    ...
    contentBase: '.'
  }
}

生產(chǎn)環(huán)境配置可以使用 copy-webpack-plugin 插件

2017年11月2日 03:51