javascript - 关于将vue的组件单独打包成一个js引入

问题描述

问 题

最近在用ElementUI（下面简称ele） 的时候尝试将ele打包进公共的Dll库里面，但是失败了。

然后用webpack试着将ele单独打包：

import ELement from 'element-ui'
export default ELement

结果打包出来的js文件直接在开发文件里import的话浏览器会报vue plugin.apply is not a function

请问下像ele官网那样将组件们单独包成一个js，是怎么做到的，谢谢！

解决方案

额，恕我直言，这看上去并没有用webpack打包呀，只是直接用<script>加载罢了吧？

Element的CDN

目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

这篇关于javascript - 关于将vue的组件单独打包成一个js引入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！