webpack dev模式下，如何在index.html里面引入js的script标签

Question

我们现在使用的vue+webpack框架，然后有一个需求是需要动态的加载服务端返回的组件模块，这个模块包括js/json/vue/less等一些格式的文件，于是我就想到了使用requirejs，先通过服务端接口拉取下来所有组件，然后define出来每个组件，再通过requirejs的data-main把组件require进来。

现在遇到的问题是：不知道如何在dev模式下，引入requirejs之类的静态js文件？其文件的相对路径应该是什么

感谢各位大佬！！！

Answer 1

1. 你只要知道什么样子的绝对路径能拿，就能用相对路径拿。绝对路径 = 当前路径 + 相对路径。
2. 动态加载的话还不如用 code split + 懒加载。

Answer 2

自己回答

其实只是想通过script标签的方式拿到静态js文件，通过 CopyWebpackPlugin将文件拷贝到静态目录就好了，webpack-dev-server也可以获取到这些文件。

so easy!! 大概就是这样子：

new CopyWebpackPlugin([
          {
            from: 'public/js'
          },
        ]
    ),

页面引用时：

<script data-main="/main.js" src="/require.js"></script>