将vue2集成到typescript当中

32 阅读1分钟

原本我使用的是引用cdn上的vue的2.6.14版本的方式,但是出于某种原因需要将使用Vue的代码集成到core.js里面去。发现哪怕npm install的仍然是2.6.14版本,打包出来到页面渲染就始终是一片空白。

但是又没有办法使用其他方式调用vue的类型。因为npm上面明确说了vue没有单独的@types/vue,而是集成在了vue本身当中。

image.png

还好webpack打包支持externals方式,即:如果你希望某些模块(如全局对象或第三方库)不被 Webpack 打包,而是作为外部依赖直接引用,可以使用 externals 配置。这样,Webpack 不会处理这些模块的依赖关系,而是假设它们在运行时已经存在于环境中。

image.png

这样打包出来的文件就不再包含vue的定义的内容了,而vue本身则仍然需要通过cdn的方式加以引用,否则浏览器环境会报找不到Vue。