webpack 通过 script 引入 未模块化的 js 文件

Question

问题背景

项目中需要引入外部的 script 文件，这是一个电话盒的功能函数，基于 windows dll 和 IE objectX 实现的，所以里面的代码挺乱的，各种引用外部函数，我打算直接拿过来用。这个代码也挺不规范的，没有模块化处理，之前我没用使用 webpack 构建时，直接 script 引入，进行简单修改就可以用没问题。

使用 webpack 后，我仍然想直接在 index.html 通过 script 标签引入它，这个文件放在本地，没有 CDN。虽然打包后可以手动调整目录来引入它，但这样调试很不方便，所以想请教使用 webpack-dev-server 能否达到同样的效果。

问题描述

因为我现在使用 webpack-dev-server 调试时，内存中只会打包一个 main.bundle.js，script 的 scr 路径引用不到。请问如何才能在 script 中引用到这个本地 js。

Answer 1

假设目录结构:

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

html 中加载脚本

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

webpack.config.js 相关配置

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

生产环境配置可以使用 copy-webpack-plugin 插件