![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
Gordon-Liu
拼搏到无能为力,坚持到感动自己
展开
-
webpack.config.js中的css样式、sass、打包抽离,浏览器加前缀(兼容),图片文件处理,ES6处理
1.安装css和style插件 yarn add style-loader css-loader index.css body{ background:skyblue; } 将样式引入js文件 //引入样式 require('./index.css') console.log(2+2) 在webpack.config.js中配置文件 module.exports内添加: module: { rules: [ { test: /原创 2020-10-21 22:21:18 · 419 阅读 · 0 评论 -
webpack安装及webpack.config.js与package内部的配置
webpack安装: 全局安装 先全局安装: npm install webpack -g 有可能安装不成功,就用管理员身份进行安装 在继续全局安装: npm install webpack-cli -g 有可能会出现一坨不认识的选Y 项目文件夹内安装 全局完后在项目文件夹内安装: 初始化 yarn init 安装webpack和webpack脚手架 yarn add webpack webpack-cli 查看版本 npm view webpack versions yarn add we原创 2020-10-21 17:53:48 · 357 阅读 · 0 评论