webpack配置全解析

原创 pvfhv 教程 webpack 239阅读 2017-12-01 23:53:48 举报

webpack中设置模块查找顺序:
1.在react中插入图片,javascript 代码

在模块中引入js或图片时,设置了modules的查询路径后就可以同时使用绝对地址和相对地址
在js中
相对地址:import imgUrl from '../../../images/img_entity.png'
绝对地址:import imgUrl from 'images/im_entity.png
<div><img src={imgUrl} alt=""/></div>

2.在sass中插入图片
目录结构:
css
-images
-login
-_login.scss中
css 代码

打包工具grunt->gulp->webpack,发展到今天,一直不习惯webpack提出的everything is module,但是时代在发展,只能顺流而为。
作为前端资源就是有限的几种:
一、html

二、css

三、js
这里又需要热启动
chunk-manifest-webpack-plugin@1.1.0,升级到1.1.3会有问题,见官方issue

四、图片

图片要看成资源来用!!!

图片参考:http://www.cnblogs.com/ghost-xyx/p/5812902.html

五、前端规范eslint

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复