下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 33 | 如何自定义Webpack和Babel配置
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10545
免费
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲...
10 | 理解虚拟DOM及key属性的...
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数...
14 | 指令的本质是什么
15 | 常用高级特性provide/inj...
16 | 如何优雅地获取跨层级组件...
17 | template和JSX的对比以及...
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层...
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element U...
27 | 提升开发效率和体验的常用...
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建...
33 | 如何自定义Webpack和Babel...
34 | 如何设计一个高扩展性的路...
35 | 实现一个可动态改变的页面...
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权...
39 | 如何在组件中使用ECharts...
40 | 如何高效地使用Mock数据进...
41 | 如何与服务端进行交互(Ax...
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态...
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验...
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主...
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续...

精选留言(26)

  • 2019-05-17
    这节课哪里是webpack的配置?
    1
    4
  • 2019-05-25
    ERROR Failed to compile with 1 errors
     error in ./node_modules/ant-design-vue/dist/antd.less

    Module build failed (from ./node_modules/less-loader/dist/cjs.js):

    这是找不到这个文件的意思啊还是什么意思啊??已经安装了
    展开
    3
    3
  • 2019-06-06
    老师,为什么我配置完按需加载后没有样式
    1
    2
  • 2019-06-27
    No PostCSS Config found in,完全按着老师的步骤安装的,一直包这个问题
    1
  • 2019-04-19
    老师的vscode的终端用的是什么?

    作者回复: Vscode 自带的 和你的系统有关

    1
  • 2019-11-02
    按需加载,样式没生效,最后全局引入样式表
  • 2019-09-12
    一个button 组件 要3.9M,我的天
  • 2019-09-05
    老师,按需加载,是引入了,但是加载这些 ,,,都有9M左右啊

    import {
        LocaleProvider,
        Table,
        Button,
        Input,
        Calendar,
        Carousel,
        Collapse,
        Modal,
        Form,
        Spin,
        Checkbox,
        Icon,
        Badge,
        Divider,
        Breadcrumb,
        Popconfirm,
        Tabs,
        Menu,
        TimePicker,
        Dropdown,
        InputNumber,
        Radio,
        Tooltip,
        Upload,
        Cascader,
        Tag,
        Pagination,
        Popover,
        DatePicker

    } from 'ant-design-vue'


    麻烦你指教 ant-design-vue cdn 怎么配置

    展开

    作者回复: Github 置顶issue 有一个优化方案

  • 2019-09-05
    1、ant-design-vue cdn是如何引入的,,,在里面的配置有是怎么配置?
    2、按需引入 ant-design-vue 其中字组件 相 a-input-search 不知道导那个包
  • 2019-08-04
    视频12分03秒,为什么复制上去的一串字符串最后直接变成了json对象,怎么实现的?

    作者回复: Vscode 保存自动格式化

  • 2019-07-25
    npm i --save--dev babel-plugin-import
    npm WARN rollback Rolling back readable-stream@2.3.6 failed (this is probably harmless): EPERM: operation not permitted, rmdir 'F:\vsworspce\ant-desing-pro\node_modules\fsevents\node_modules'
    npm WARN @ant-design/icons-vue@1.0.1 requires a peer of @ant-design/icons@~1.1.0 but none is installed. You must install peer dependencies yourself.
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}
    展开
  • 2019-07-15
    奇怪,我全局引入,app.js 只有 181B

    作者回复: ⊙∀⊙! 发生了什么

  • 2019-06-28
    老师,我都按照你的老写代码,报这个错误:
    These dependencies were not found:

    * ant-design-vue/es/button in ./src/main.js
    * ant-design-vue/es/button/style in ./src/main.js

    To install them, you can run: npm install --save ant-design-vue/es/button ant-design-vue/es/button/style
    请老师帮忙看一下
    展开

    作者回复: 仅仅这个错误信息 我也没办法定位问题 你可以通过issue提个代码仓库上来

  • 2019-06-18
    老是帮我看看步骤和您的一样
    import { Button } from 'ant-design-vue';
    Vue.config.productionTip = false;
    Vue.use(Button);

     presets: ["@vue/app"],
      "plugins": [
        ["import", {
          "libraryName": "antd",
          "libraryDirectory": "es",
          "style": true // `style: true` 会加载 less 文件
        }]
      ]


     css: {
        loaderOptions: {
          less: {
            // 这里的选项会传递给 css-loader
            javascriptEnabled: true
          }
        }
      }

        "babel-plugin-import": "^1.12.0", 也添加了
    但app.js还是没有按需引入 还是12M
    展开

    作者回复: 光添加没用 还要配置 再看看目录中有个babel配置文件

  • 2019-06-06
    老师,我在main.js中全局引用了ant-design-vue和样式,为什么在App.vue中没显示?
  • 2019-06-03
    老师麻烦问您个问题 就是我第二次启动项目的时候报错;
    问题是 No ESlint configuration found. 但是我已经配置了.eslintrc.js文件了而且找了好多解决方案都没有解决。 我在github给您提了这个issue (附带问题截图)麻烦你有空看一下帮我解决一下 谢谢啦
  • 2019-05-08
    ant-design-vue 官方文档文档是这么说的(https://vue.ant.design/docs/vue/use-with-vue-cli-cn/#%E4%BD%BF%E7%94%A8-vue-cli-3-%E7%9A%84%E5%B0%8F%E4%BC%99%E4%BC%B4)

    按下面的格式引入模块
    ```js
    import { Button } from 'ant-design-vue';
    Vue.component(Button.name, Button)
    ```

    这么做了之后会报错:

    ```bash
     ERROR Failed to compile with 1 errors 19:31:35
    This dependency was not found:
    * core-js/modules/es6.function.name in ./src/main.js
    To install it, you can run: npm install --save core-js/modules/es6.function.name
    ```

    然后把 `Vue.component(Button.name, Button)` 这块改为老师讲的 `Vue.use(Button)` 就没问题了

    这是怎么回事?
    展开

    作者回复: 按道理应该没有问题,可以在github上提个带有复现问题demo的issue

  • 2019-05-07
    老师,在创建项目的是候不是选中了babel了吗?为什么还需要用npm install --svae-dev babel-plugin-import

    作者回复: babel是babel,babel-plugin-import是babel-plugin-import,两个东西

  • 2019-05-04
    老师,我看你复制 babel-plugins 到config里后自动格式化是按什么快捷键,“”会自动去掉。

    作者回复: 保存文件自动格式化,
    如果使用vscode,配置了 lint和prettier后,应该是默认开启了的,如不生效,可以搜索下关键词:vscode prettier save format

  • 2019-04-30
    想问一下老师,每个页面去单独引入组件配置,和全局引入组件配置,两者的利弊

    作者回复: 全局的缺点就是可能会有命名冲突的可能性,不过组件库都有命名前缀来避免。
    单独引入的缺点就是比较麻烦,每个文件都要单独引入并注册,还有一点,像menu这种复杂组件,你还需要分别注册menu下的子组件,如menuitem submenu等,你甚至需要自己去看源代码才知道组件下都有哪些子组件