# demo1

**Repository Path**: xiaolllll/demo1

## Basic Information

- **Project Name**: demo1
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-03
- **Last Updated**: 2021-09-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

1.网页加载js 文件 ,等于把js文件中的代码写入到网页中,这样执行可以,引入的js文件以来与网页被执行

2.网页请求的js文件过多,网页加载缓慢,不利于维护

3.把所有的js文件,打包生成一个js文件,让网页去加载

4.模块化开发

    使用webpack打包工具
1.安装node.js 在cmd里使用 node-v 查看node版本 npm-v 查看npm版本

2.安装webpack最新版指令 npm install --save-dev webpack(需要将vscode使用管理员权限运行)package-lock.json显示安装了些什么

3.使用 npm init -y(相当于同意安装)生成package.json(配置文件); 将"build": "webpack --config webpack.config.js"加入到package.json的"scripts": {}中

4.在根目录下添加一个文件webpack.config.js,其中写入:
const path = require('path');

  module.exports = {
    entry: './src/index.js',
    output: {
      filename: 'main.js',
      path: path.resolve(__dirname, 'dist')
    }
  };

5.在src文件夹下创建index.js入口文件

6.创建dist文件夹 运行npm run build(会报警是因为只是配置好了而已,index.js和main.js里并没有内容)

用webpack搭建jQuery开发环境
1.创建一个空文件夹 
2.在空文件夹下使用 npm i jquery
3.使用npm init -y
4.在根目录下添加一个文件webpack.config.js,其中写入:
const path = require('path');

  module.exports = {
    entry: './src/index.js',
    output: {
      filename: 'main.js',
      path: path.resolve(__dirname, 'dist')
    }
  };