在项目中经常会需要将一些接口的配合文件或者某些样式文件,分离出来单独打包,便于后期改动,这里我以
项目目录:
如上图所示,现在我需要将项目中的scBtn.
方法一:
1、在bulid文件夹下建一个copy.
代码如下:
var fs = require('fs');
var path = require('path');
function resolve(dir) {
return path.join(__dirname, '..', dir)
}
//origin要打包的
2、在package.json文件中加入 “copy”: “
3、在
4、运行 npm run bulid 打包完后再运行 npm run copy
这时你就可以在scBtn中改样式了。
方法二:
步骤一、步骤二如方法一所示。
3、在
4、如下图,你需要修改bulid文件夹下,utils.js文件中的styleLoaders函数,加一个判断条件,在extension为css时正则改成test: new RegExp(“^((?!scBtn).)*.css$”),排除scBtn.css文件
5、运行 npm run bulid 打包完后再运行 npm run copy;就可以了
js文件也是按照此方法就好了
总结
以上所述是小编给大家介绍的webpack打包时排除其中一个css、js文件或单独打包一个css、js文件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对前端开发者网站的支持!