实战踩坑笔记-手把手从0打造电商平台-前端-慕课网

 

webpack 公共模块函数未定义

忘了加

module.exports = xx;

Fiddler | Charles 抓取不到chrome  

chrome插件Proxy SwitchyOmega 新建代理127.0.0.1:8888


Fiddler | Charles 抓取不到localhost

webpack配置加上

devServer: {
disableHostCheck: true
},

localhost加个.

localhost.:8080


Fiddler 规则不生效

换用charles


<%= require('html-loader!./layout/html-head.html')%> 不起作用,在网页中显示的是字符串

解决方案:

方案一:去掉webpack.config.js文件中配置的全局html-loader(更方便,使用较多)

这样html模版文件就不会被html-loader解析,我们可以使用ejs语法嵌入其他html页面和图片资源。因为没了全局的html-loader解析html文件,使用ejs语法嵌入的资源返回的是ejs代码,还需要使用html-loader来解析成html代码。

(html-loader!)表示引用html-loader这个加载器来解析

<%= require('html-loader!../layout/left.html') %>

直接可以使用require来嵌入图片

<img src=<%= require( '../img/test.jpg') %> />

方案二:将模版文件全部替换成ejs文件(默认模版,官方推荐)

这样做的原因是即使使用了全局的html-loader来加载html文件,但是它也加载不到.ejs结尾的ejs文件。这样有效避免了html-loader对ejs fallback的影响。

因为有全局html-loader的存在,所以不需要加(html-loader!)前缀

<%= require('../layout/left.html') %> //如果嵌入文件是html文件

因为是ejs文件不会被全局html-loader加载,所以要加前缀

<%= require('html-loader!../layout/left.html') %> //如果嵌入文件是ejs文件

直接可以使用require来嵌入图片

<img src=<%= require( '../img/test.jpg') %> />


作者:littlesummer的夏天
链接:http://www.imooc.com/article/18513?block_id=tuijian_wz%EF%BC%8C
来源:慕课网
本文原创发布于慕课网 ,转载请注明出处,谢谢合作


Module parse failed: Unexpected character '�' (1:6)

配置上url和file loader

https://www.npmjs.com/package/url-loader

https://www.npmjs.com/package/file-loader


css中引用路径图片不显示

file-loader和url-loader对图片的处理重复了,用url-loader处理就行


 front-awesome Module parse failed: Unexpected character ' ' (1:4)  Module parse failed: Unexpected character '�' (1:6)

url-loader加上

|woff|svg|ttf|eot|woff2这些类型

猜你喜欢

转载自www.cnblogs.com/shenzan/p/9912911.html
今日推荐