# m_yun_cloudnote

**Repository Path**: lcswdcb/m_yun_cloudnote

## Basic Information

- **Project Name**: m_yun_cloudnote
- **Description**: 百度云笔记  使用webpack构建原生项目，用于学习webpack  有0到1 搭建项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://120.78.9.102:8003/cloudnote/
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-03-16
- **Last Updated**: 2022-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

下载依赖

npm install   或者  cnpm install

运行

npm run serve

打包

npm run build


1、初始化 npm init -y

2、安装本地webpack 

cnpm i webpack webpack-cli --save-dev

3、创建 webpack.config.js     --  配置打包选项的文件  配置文件 

4、下载所需要的插件 、、、、处理html文件

 cnpm i html-webpack-plugin --save-dev 

、、、、、分离CSS、、、、、 

cnpm i mini-css-extract-plugin --save-dev

 、、、、、压缩CSS 

cnpm i optimize-css-assets-webpack-plugin --save-dev

 5、下载所需要的loader

 cnpm i style-loader css-loader --save-dev 

cnpm i less less-loader --save-dev 

、、、、如果页面图片较多，发很多http请求，会降低页面性能。这个问题可以通过url-loader解决 、、、、在css文件中定义background的属性或者在html中引入image的src 

cnpm i url-loader file-loader --save-dev 

、、、、让html文档直接支持img标签使用图片 

cnpm i html-withimg-loader --save-dev 

6、下载需要的包   

1_为静态文件提供服务    _

_2_自动刷新和热替换(HMR)

cnpm i webpack-dev-server --save-dev