课程咨询 :186 8716 1620      qq:2066486918

昆明Java培训 > 达内新闻 > css、image等文件服务端如何支持
  • css、image等文件服务端如何支持

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

  • 昆明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--零基础全日制班

开班日期:12/29

Java--零基础业余班

Java--零基础业余班

开班日期:12/29

Java--周末提升班

Java--周末提升班

开班日期:12/29

Java--零基础周末班

Java--零基础周末班

开班日期:12/29

  • 网址:http://km .java.tedu.cn      地址:昆明市官渡区春城路62号证券大厦附楼6楼
  • 课程培训电话:186 8716 1620      qq:2066486918    全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56