昆明java培训
达内昆明广州春城路

18487146383

热门课程

css、image等文件服务端如何支持

  • 时间:2016-08-31
  • 发布:昆明Java培训
  • 来源:达内新闻

昆明Java培训班的老师今天给大家讲css、image等文件服务端如何支持

一般情况来说,不需要服务端处理非js文件,但是如果直接在服务端require一个非js文件的话会报错,因为require函数不认识非js文件,这时候我们需要做如下处理,已样式文件为例:

var Module = require('module');

Module._extensions['.less'] = function(module, fn) {

return '';

};

Module._extensions['.css'] = function(module, fn) {

return '';

};

具体原理可以参考require解读

或者直接在babel-register中配置忽略规则:

require("babel-register")({

ignore: /(\.css|\.less)$/,

});

但是,如果项目中使用了css_modules的话,那服务端就必须要处理less等文件了。为了解决这个问题,需要一个额外的工具webpack-isomorphic-tools,帮助识别less等文件。

简单地说,webpack-isomorphic-tools,完成了两件事:

以webpack插件的形式,预编译less(不局限于less,还支持图片文件、字体文件等),将其转换为一个assets.json文件保存到项目目录下。

require hook,所有less文件的引入,代理到生成的JSON文件中,匹配文件路径,返回一个预先编译好的JSON对象。

构建

客户端的代码通过配置webpack打包发布到CDN即可。

通过配置webpack和webpack-isomorphic-tools将非js文件打包成assets文件即可。

了解详情请登陆昆明达内Java培训官网(km.Java.tedu.cn)!

上一篇:服务端对ES6/7的支持
下一篇:DOM文档对象模型

昆明Java培训班《Java分布式数据库的未来》

昆明java培训班:为什么java工程师薪资这么高?

昆明java培训班:你所不知道的java秘密

昆明java培训班;如何认识Java Web技术

选择城市和中心
贵州省

广西省

海南省

扫一扫

了解更多干货