1.项目依赖 安装所需要依赖的其它第三方开源库,项目依赖如下: 由于要使用到 import ,所以需要使用安装babel-preset-es2015,其它的几个库都是必须的; 2.配置webpack.config.js 主要就是配置相应的loader,在此只需要 es2015 和 react; 3. ...
分类:
Web程序 时间:
2017-02-06 14:46:36
阅读次数:
204
Webpack 作为前端构建工具,对于大型网站开发,大大提升了开发效率。要使用webpack需要先安装webpack工具; 先来看一个最简单的命令 该命令将 main.js 输出到 bundle.js 。 通常,都不会这样直接使用使用,而是在项目根目录下进行打包配置,配置文件默认为webpack.c ...
分类:
Web程序 时间:
2017-02-05 22:47:33
阅读次数:
554
写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对we ...
分类:
Web程序 时间:
2017-02-05 00:37:29
阅读次数:
227
一、部署 需要nodejs,全局安装 npm install -g vue-cli ,项目目录执行 vue init webpack firstVue,自己选取ide,推荐westorm/vscode/sublime text其中一个。本地运行执行npm run dev,这里注意本机环境需要有安装过 ...
分类:
其他好文 时间:
2017-02-03 16:59:22
阅读次数:
488
1 webpack 的 output 配置 chunkFleName 树干名称: " chunks/[name]-[chunkhash:8].js " 刻上自己的hash名字, 大喊一声, 就能发了 这一步是配合第三步, 生成每个路由页面需要的(被压缩过得js) 2 webpack 的 plugin ...
分类:
其他好文 时间:
2017-02-03 12:24:16
阅读次数:
608
webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 安装 在node环境下,通过npm安装webpack 启动webpack 配置文件(webpack.config.js) 1、entry页面入口 ...
分类:
Web程序 时间:
2017-02-02 11:15:45
阅读次数:
243
webpack是一款模块加载器兼打包工具,把JS、样式,图片都作为模块来使用和处理。项目下有个配置文件webpack.config.js,用来告诉webpack需要做什么,本项目的webpack.config.js文件内容如下: 引入模块: 入口文件及输出文件配置: 通过entry节点可以配置入口文 ...
分类:
Web程序 时间:
2017-01-29 20:37:17
阅读次数:
328
haha好吧,我承认这篇文章有点标题党了。 这次要记录的是一个很简单的但是基本符合AMD规范的浏览器端模块加载工具的开发流程。因为自从使用过require.js、webpack等模块化加载工具之后就一直对它的实现原理很好奇,于是稍微研究了一下。 实现的方法有许多,但简单实现的话大致都会有这样几个过程 ...
分类:
其他好文 时间:
2017-01-28 14:25:59
阅读次数:
328
Element-UI 是饿了么前端团队退出了一套基于 vue.js 开发的 UI 组件库,在与 Vue-cli 创建的项目结合时,需要做以下配置: 1. 安装 loader 模块 2. 安装 Element-UI 模块 3. 修改 webpack.base.conf.js 的配置 4. 在 main ...
分类:
其他好文 时间:
2017-01-25 11:45:08
阅读次数:
7499
WebpackWebpack是时下最流行的模块打包器
它的主要任务就是将各种格式的JavaScript代码,甚至是静态文件
进行分析、压缩、合并、打包,最后生成浏览器支持的代码
特点:
代码...
分类:
Web程序 时间:
2017-01-22 15:25:46
阅读次数:
240