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
来源: http://www.qdfuns.com/article/14940/ddadcb566540551db2e5357a355e333c.html