2017年05月_webnoob

05月 03月

原创 webpack+babel+es6+react环境搭建

本文为简单搭建一个react的初始开发环境。 1.工程目录新建一个工程目录(比如react-demo)，在window中cmd控制台进入该目录下，执行npm init初始化目录，如下在工程目录下新建文件夹src用来存放源文件，新建文件夹dist用来存放打包后的文件，在src内新建文件夹component用来存放组件，新建文件index.js表示打包的入口文件，在根目录下新建web

2017-05-21 16:23:41 788

原创 webpack之css-loader

如果我们在打包的入口js文件中import了css文件，并且想要把css文件作为的内容插入到模版文件，这时候我们要用到webpack的css-loader和style-loader，前者用于在js中加载css，后者把加载的css作为style标签内容插入到html中。另外，如果某些css要考虑到浏览器的兼容性(比如css3中的flex)，我们要webpack在打包的过程中自动为这些css属性加上浏

2017-05-20 22:38:56 9962

原创 webpack之loader

loader，即加载器。是webpack用来解析加载某些格式的文件，转化为浏览器能够识别的格式。比如转化less/sass为css，转化JSX语法为JS，转化ES6为ES5。 1.安装解析es6语法我们用到babel加载器，在webpack安装如下，其他构建工具的安装查看babel官网 npm install babel-loader babel-core --save-dev npm i

2017-05-20 14:50:13 1039

原创 webpack初识

1.安装全局安装 npm install webpack -g在项目下安装： npm install webpack --save-dev打包文件基本命令： webpack source.js bundle.js

2017-05-19 22:14:51 625

原创 VSCode中emmet被自动提示覆盖问题

在我们用vscode的时候，按下emmet补全html元素，有时候会被vscode的自动提示功能给覆盖，解决的办法可以用： (1)在按下emmet快捷键(如：tabs)的时先按ESC，再快捷键 (2)可以在vscode的快捷键中

2017-05-19 16:22:00 9271 2

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人