• 1、Webpeck的作用_如何使用

    这段时间用Webpack和Vue做了几个小demo,但是踩了好多坑,主要原因是对Webpack的很多重要的配置项没有完全搞明白,所以造成刚从这个坑爬上来,又掉进了下一个坑,直到今天才基本弄明...

    阅读(603) 2017-09-14
    1、Webpeck的作用_如何使用
  • 2、Webpack使用方法之安装方法

    接下来看看Webpack具体的使用方法: 1、首先需要安装NodeJs环境以及NPM包管理器,详情查看:《 学习安装NodeJs环境和NPM 》。 2、Node环境安装成功之后,开始正式使用webpack: (1)电脑运...

    阅读(348) 2017-08-13
    2、Webpack使用方法之安装方法
  • 3、Webpack使用方法之entry、output配置项

    第二节的笔记简单介绍了Webpack打包项目文件的方法,但是每次修改代码,都要通过webpack重新构建一次,命令行中的代码敲的太费劲了,我们可以通过设置webpack的配置文件来减少工作量...

    阅读(319) 2017-09-03
  • 4、Webpack使用方法之module配置项

    module选项用来进行模块加载的相关配置。 module.rules是加载器数组,当依赖文件匹配指定的test模式时,Webpack会自动调用数组中的相应加载器去处理该文件,然后返回JS格式的文件。 加载...

    阅读(242) 2017-08-13
  • 5、Webpack使用方法之resolve配置项

    Webpack的resolve选项用来配置依赖文件的匹配,如依赖文件别名配置、模块的查找目录、默认查找的文件后缀等,如下代码: resolve: { extensions: [.js, .vue, .json], alias: { vue$: vue/dist/vue.esm.js,...

    阅读(254) 2017-08-13
  • 6、Webpack使用方法之webpack-dev-server服务

    开发代码时,调试是必不可少的,我们可以使用webpack-dev-server在浏览器中进行调试。 webpack-dev-server是以讹基于Express的NodeJs服务器,在文件发生改变时,他会自动触发打包过程,然后通...

    阅读(1627) 2017-08-13
  • 7、Webpack使用方法之插件

    在Webpack提供的基本功能不能满足需求的情况下,Webpack还允许我们使用插件来控制打包的各个过程。 我们需要通过npm安装相关的插件,这里以webpackBrowserPlugin为例,该插件用来在webpack或...

    阅读(212) 2017-08-13
  • 8、通过Webpack的code-spliting实现Vue组件异步按需懒加载

    之前使用AngularJs做项目的时候,发现一个问题,用户打开首页,所有的controller都会加载进来,这样是不科学的,因为首页只需要首页的controller,其他页面可以做按需加载,也就是懒加...

    阅读(1082) 2017-08-23
  • 9、Webpack集成Vue2.0打包部署项目实例

    现在几乎所有的前端应用都是模块化、前后端分离的,之前用AngularJs构建的博客系统,用RequireJs实现的模块化,将每个controller、每个server作为一个模块,然后按需加载。现在vue用webpa...

    阅读(2856) 2018-01-14
    9、Webpack集成Vue2.0打包部署项目实例
  • 10、NodeJs结合webpack-hot-middleware实现热加载的原理

    最近一直在测试NodeJs+Webpack+VueJs的demo,然后准备做一个SPA单页面的web应用,前期使用了vue-cli脚手架来搭建环境,发现教授教自动为我们实现了热加载,当我们修改组件中的html、style、...

    阅读(830) 2017-08-23
  • 11、总结webpack-hot-middleware热加载相关错误的解决办法

    这几天一直在折腾webpack-hot-middleware热加载的问题,其中也出现了很多问题,总算不断的通过百度、谷歌解决了,现在来总结下相关错误: 错误一:浏览器控制台中显示 找不到__webpack...

    阅读(1186) 2017-08-23
  • 111条记录