刚开始接触webpack时，出现了css加载优先级问题，看了下代码。
main.js代码如下：
require('a.css');
import {b} form './b.js';
...
b.js代码如下：
require('b.css');
按照常理说，打包后，b.css的代码会在a.css下面，这样，相同css选择器的优先级,应该b.css会覆盖a.css。但是结果相反。
今天看到阮老师的文章，
参考链接：http://es6.ruanyifeng.com/#docs/module#import命令
Paste_Image.png
import竟然有提升效果，和var，function效果类似。
webpack打包时会优先打包import命令加载的js，故会出现上面的b.css代码在a.css代码上面的情况。
刚开始接触webpack时，出现了css加载优先级问题，看了下代码。main.js代码如下： b.js代码如下： ...
require("./world.js"); require("./style.css"); 打包：webpack...
代码分割require.ensure http://www.css88.com/doc/webpack2/gu...
webpack1配置 varwebpack=require('webpack'); varpath=require...
const webpack = require('webpack')module.exports ={entry:...
const webpack = require('webpack');const TerserPlugin = r...
// 一个常见的`webpack`配置文件 const webpack = require('webpack');...
webpack 的 require.context[https://webpack.docschina.org/g...
坑一 css,js资源引入不正确 通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的 方...
webpack推荐将所有可能用到的文件（模块）都打包。但是这样做仅适合使用率较高的小体积模块。对于体积大有不常用的...
本文标题：webpack import&require css的坑
本文链接：https://www.haomeiwen.com/subject/ggfzrttx.html
网友评论