做vip兼职设计师的网站有哪些,科技部,网站推广服务具体内容包括哪些,dedecms 5.7 关闭网站在项目文件夹下创建webpack.config.js文件#xff0c;该文件就是Webpack的配置文件
注意#xff1a;该文件中遵循Node.js的代码格式规范 #xff0c;需要对导出配置文件中的内容 Webpack在默认情况下只能打包js文件#xff0c;如果我们希望他能够打包其他类型的文件#…在项目文件夹下创建webpack.config.js文件该文件就是Webpack的配置文件
注意该文件中遵循Node.js的代码格式规范 需要对导出配置文件中的内容 Webpack在默认情况下只能打包js文件如果我们希望他能够打包其他类型的文件我们就需要在webpack.config.js文件中使用loader进行配置。 以CSS为例的使用步骤
一、安装css-loader和style-loader
在控制台输入如下命令 npm i css-loader -D npm i style-loader -D 二、配置css-loader
注意use数组中的style-loader和css-loader顺序不能改变
module.exports {mode: production, // 设置打包的模式production生产模式 development开发模式module: {rules: [// 配置CSS文件{test: /\.css$/i, // 选择css文件use: [style-loader, css-loader], // 使用style加载器和css加载器}]}
}
三、js代码中引入css文件 打包后即可在js文件中看到该样式
