javascript - webpack打包css文件为link形式或者为style形式方案评价?
PHP中文网
PHP中文网 2017-07-05 10:51:24
0
1
828

关于讲require进来的样式是作为link标签的方式引入或者作为<style>的形式引入,webpack 中提供了extract-text-webpack-plugin可以将style中的css样式抽离出来。

如果按照以下方式实现:

webpack打包部分代码:
                {
                    test:/\.LK\.css$/,
                    loader:"style-loader/url!file-loader?name=css/[name].            
                    [hash:8].css!autoprefixer-loader?browsers=last 5 versions",
                    exclude:/node_modules/
        },
        {
                    test:/([^\.][^L][^K])\.css$/,  //抱歉,正则写的不是很严谨
                    loader:"style-loader!css-loader!autoprefixer-loader?{ browsers: ['last 100 versions'] }",
                    exclude:/node_modules/
        }
        



这样,当require以.LK.css结尾的css样式时,就会以link的形式嵌入到页面中,简单测试了一下这个方案是可以基本实现功能。因为对webpack的研究不是很深入,所以想知道这样的方案是否可以运用到实际开发中?

PHP中文网
PHP中文网

认证0级讲师

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!