![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
小毛贼_哪里逃
这个作者很懒,什么都没留下…
展开
-
webpack--clean-webpack-plugin:自动清理编译目录插件
1 依赖:"clean-webpack-plugin": "^0.1.17",2 配置:const CleanWebpakPlugin=require('clean-webpack-plugin');module.exports={ ... ... , plugins:[ ... ... , new CleanWebpakPlugin(['dist']...原创 2020-04-03 11:13:20 · 226 阅读 · 0 评论 -
webpack--使用scss和less
使用scss1 安装依赖"node-sass": "^4.13.1","sass-loader": "^6.0.6",2 配置{ test: /\.scss$/, use:['style-loader',"css-loader","sass-loader"] },3 main.scss.ot{font-size: 10...原创 2020-04-02 16:33:34 · 181 阅读 · 0 评论 -
webpack--CSS模块化
1 app.cssbody{ background: red}.ot{ background: #fff}2 style.css.ot{ font-size: 50px;}3 main.js引入CSS文件import React from 'react';import ReactDOM from 'react-dom';import appc...原创 2020-04-02 15:37:19 · 161 阅读 · 0 评论 -
webpack--loader:安装React
1 安装依赖"react": "^15.6.1","react-dom": "^15.6.1","babel-core": "^6.26.0","babel-loader": "^7.1.2","babel-preset-react": "^6.24.1",2 配置js的loadermodule:{ rules:[ { test: /...原创 2020-04-02 14:43:05 · 414 阅读 · 0 评论 -
webpack--引入字体
1 安装font-awesome字体:npm i -S font-awesome-S:把依赖安装到depandencies中-D:安装到devDependencies中{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "te...原创 2020-04-01 11:57:56 · 174 阅读 · 0 评论 -
webpack--图片处理:file-loader和url-loader
file-loader1 安装file-loader:npm i -D file-loader@2{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\...原创 2020-04-01 11:24:14 · 298 阅读 · 0 评论 -
webpack--样式处理:style-loader,css-loader
1 安装css-loader处理样式: npm i -Dcss-loader@2 style-loader处理样式插入:npm i -Dstyle-loader{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": ...原创 2020-04-01 10:15:46 · 302 阅读 · 0 评论 -
webpack--devserver开发服务器
1 安装:npm i -D webpack-dev-server@2{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit ...原创 2020-04-01 09:31:26 · 170 阅读 · 0 评论 -
webpack--生成html文件的插件:html-webpack-plugin
1 安装指定版本2的插件:npm i -D html-webpack-plugin@2{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &&a...原创 2020-04-01 00:06:49 · 424 阅读 · 0 评论 -
webpack初识
1 初始化,生成package.json文件:npm init -y{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit ...原创 2020-03-31 23:36:14 · 102 阅读 · 0 评论