search

OrangeXC / orangexc.github.io

🍊 My blog(hexo)
https://orangexc.xyz/
0 stars 0 forks source link

浅谈 Vue 项目优化 | Orange's Blog #6

Open OrangeXC opened 6 years ago

OrangeXC commented 6 years ago

https://orangexc.xyz/2017/05/15/Vue-project-optimization/

Fournny commented 6 years ago

externals: { 'vue': 'Vue', 'vue-router': 'VueRouter', 'vuex': 'Vuex', 'axios': 'axios' }, 不生效

externals: { 'vue': true, 'vue-router': true, 'vuex': true, 'axios': true }, 反而生效了，但是打包运行后报错。这里配置了以后还有什么要配置的吗？ 我最想external的是element-ui,但是main.js用着这种， Vue.use(ElementUI, { size: 'medium' }) 那我代码岂不是全部要改成按需加载？

OrangeXC commented 6 years ago

@Fournny

可以提供下，webpack 版本、node 版本、还有报错信息

单说报错不知道问题在哪

还有就是你的代码不需要全部改成按需加载的，ElementUI 会自动挂载在全局的 Vue 实例上

你的 Vue.use(ElementUI, { size: 'medium' }) 也一样会生效

Fournny commented 6 years ago

webpack 3.6 npm 5.3

有点好奇上面的 'vue': 'Vue', 左边与右边的含义是什么，为什么一个大写一个小写

下面是我原来的所有代码，可否指点下如果要把elment-ui抽出来做cdn怎么做 https://gitee.com/xiaoxustudent/JFinal-vue-element-admin/tree/master/admin-web

Fournny commented 6 years ago

比如我上面配置了 externals: { 'axios': 'axios' }, index.html引入了cdn

axios.js import axios from 'axios'

npm run dev 的时候报如下错误

external "axios"?2539:1 Uncaught ReferenceError: axios is not defined at eval (external "axios"?2539:1) at Object.axios (app.js:3529) at webpack_require (app.js:708) at fn (app.js:113) at eval (index.js?78ea:5) at Object../src/axios/index.js (app.js:3432) at webpack_require (app.js:708) at fn (app.js:113) at eval (login.js:4) at Object../src/api/login.js (app.js:3409)

OrangeXC commented 6 years ago

@Fournny

你在项目里面把我加进去，我给你提 PR

码云用户名：orangewxc

Fournny commented 6 years ago

@OrangeXC 加了