webpack 怎么单独打包第三方css库,比如normalize.css

html-css016

webpack 怎么单独打包第三方css库,比如normalize.css,第1张

其实有两种方案:第一种是将 css 文件在 js entry 中添加依赖;第二种直接设置 css entry。

第一种方案

// index.jsimport 'normalize.css'

...

// webpack config{ entry: {index: './index.js'

},

...

}

// outputindex.jsindex.css

这种是 Webpack 官方推荐的方案,但是每次都要把 css 放到 js entry 中才可以 extract 出来。

第二种方案(直接设置 css entry)

默认 Webpack 设置 css entry 除了 extract 出 css 文件还会多产生一个 js 文件,其实可以写个 Webpack 插件将其删除就可以了。

Web开发人员常用的数据库有MySQL,MariaDB,MongoDB,Redis等。【点击测试我适不适合学设计】

1、html语言。首先要学这个,任何网页的显示都要靠html语言来表达,最后浏览器解释html语言显示在我们面前。

2、服务器架设,要制作网页就需要架设服务器来调试你做出来的网页,有iis等很多种,可以在网上搜索得到。

3、css语言。用网页制作三剑客做出来的东西,css大部分是自动生成的,很难理解,需要学习基本的css知识,是步入高手的必经之路。css控制着网页图片、表格、文字等等内容在我们面前的显示样式,比如颜色,边框,大小等。

IT培训选择千锋教育。千锋是一家拥有核心教研能力以及校企合作能力的职业教育培训企业,2011年成立于北京,秉承“初心至善匠心育人”的核心价值观,以坚持面授的泛IT职业教育培训为根基,发展至今已布局教育培训、高校服务、企业服务三大业务版块,旗下拥有千锋教育、好程序员、小狮视觉、扣丁学堂、锋云智慧、锋企优联、锋友学盟、锋益等多个子品牌,截止目前已在北京、深圳、上海、广州、郑州、大连等20余个核心城市建立直营校区,服务近20万学员、近千所高校和数万家企业。