1.下载node.js 2.在需要用到webpack的项目下打开命令窗口运行npm init生成package.js 3.安装webpack,使用npm install webpack --save-dev(在本目录中安装) 4.在本项目的目录下新建一个webpack.config .js(默认访问 ...
分类:
Web程序 时间:
2017-03-06 21:13:50
阅读次数:
226
很多人刚学习react的时候,往往因为繁琐的配置而头疼,这里我将手把手教大家怎么用webpack配置react和redux的环境,这篇教程包括前端react和后台node整个网站的环境配置,对node没兴趣的可以只看这篇。 这里是下篇链接:手把手教你webpack、react和node.js环境配置 ...
分类:
Web程序 时间:
2017-03-06 19:41:52
阅读次数:
229
一、ES6 的编译方法 目前主流的浏览器还不支持ES6。 现在一般采用webpack 和 <script type="text/babel">对jsx 语法进行编译,编译成正常的js语言。type='text/babel' 这个是引用babel.js库。 二、react 中有个PropTypes 在 ...
分类:
其他好文 时间:
2017-03-06 15:42:15
阅读次数:
175
先说说已有的几种模块加载方式 script 最原始的js文件加载方式,把每个文件作为一个模块 commonJS 用require方法同步加载依赖的模块,通过exports或module.exports导出要暴露的接口 AMD 异步加载模块,声明模块的时候指定依赖,即依赖前置 ES6 es6标准新增了 ...
分类:
Web程序 时间:
2017-03-06 14:55:46
阅读次数:
173
关于webpack的资料大体分3处 ,一处是官网(纯英文,资料比较多),一处是中文网(不建议,就如不知道谁说的一句话,讲的是1+1,而实际用的却是微积分难度),还有各大博客,知识点零散,无系统知识架构,所以只好慢慢根据官网总结。配置文件config:可以自己写也可以默认的webpack init生成... ...
分类:
Web程序 时间:
2017-03-06 11:51:21
阅读次数:
1070
1.安装html-webpack-plugin插件,输入命令:npm install html-webpack-plugin --save-dev 2.在webpack.config.js文件中,引入html-webpack-plugin插件 3.输入命令:npm run webpack,编译打包 ...
分类:
Web程序 时间:
2017-03-06 00:38:41
阅读次数:
307
Webpack 在执行的时候,除了在命令行传入参数,还可以通过指定的配置文件来执行。默认情况下,会搜索当前目录的 webpack.config.js 文件,这个文件是一个 node.js 模块,返回一个 json 格式的配置信息对象,或者通过 --config 选项来指定配置文件。 webpack文 ...
分类:
Web程序 时间:
2017-03-05 22:55:00
阅读次数:
287
直接使用webpack进行打包 安装css loader,style loader(用来处理打包css文件) 命令行输入npm install css-loader style-loader --save-dev 新建一个js文件,里面内容随便编写一个函数即可(例:demo.js) 然后在命令行工具 ...
分类:
Web程序 时间:
2017-03-05 17:38:06
阅读次数:
219
有信心的可以去看官方的文档 vue 的官方文档有个显著的特点 代码粘贴不全 Vue中文站:cn.vuejs.org vue-router官方教程:router.vuejs.org/zh-cn vuex官方教程:vuex.vuejs.org/zh-cn 我默认你的vue-cli已经装好了你会有这么一个 ...
分类:
Web程序 时间:
2017-03-05 14:59:33
阅读次数:
807