鍍金池/ 問答/HTML/ webpack 通過 script 引入 未模塊化的 js 文件

webpack 通過 script 引入 未模塊化的 js 文件

問題背景

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

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

問題描述

因?yàn)槲椰F(xiàn)在使用 webpack-dev-server 調(diào)試時，內(nèi)存中只會打包一個 main.bundle.js，script 的 scr 路徑引用不到。請問如何才能在 script 中引用到這個本地 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