zoukankan      html  css  js  c++  java
  • webpack的使用 一、webpack 和webpack的安装

    本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,

    它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle

    在使用前我们需要安装node.js,这个区百度搜索就可看到的。

    记录一、刚写这个的时候,踩过很过坑,我比较笨,开始第一步就入坑。在安装webapck 和webpack-cli就画了好久  

    在这我尝试过用git去安装和启动,证明安装用命令行是最好用。

    我们先全局安装一下webpack 和webapck-cli 

    npm install webpack -g

    npm install webpack-cli -g 

    安装完以后我们执行webpack -v就可以看得到版本号。

    接着我开始要门要新建一个文件夹,用来放项目。

    新建以后我们初始化项目,

    npm init -y

    这样我们文件夹里就有一个文件

    官方推荐局部安装  接下来就是在你的项目文件夹里安装 webpack  。

    npm install webpack webpack-cli -dev---save 

    安装完成以后,

    我们在新建一个文件夹src(这是存放我们的源码文件);

    在里面创建一个index.js文件,随便编写一点内容。我这边就随便写一点 

    保存,我们执行npx webpack(可以执行webpack)

    npx webpack

    执行完成以后可以给我们在文件的根目录下创建一个dist文件夹

    dist文件夹里有这一个main.js的文件夹

    打开发现main.js的里就已经把我们的index.js给优化解析为一行.

    我们可以新建一个index.html然后调用main.js。运行index.html就可以看到我们的

    console.log(‘aaaaa’)l

  • 相关阅读:
    设计【SPFA】【差分约束】
    黑魔法师之门【并查集】
    太鼓达人【欧拉回路】【DFS】
    七夕祭【模拟】
    圣章精灵使的魔法语【线段树】
    终章剑之魂【模拟】【贪心】
    轻轨【线段树】【贪心】
    气象牛【DP】
    HTML属性
    HTML元素
  • 原文地址:https://www.cnblogs.com/chenyudi/p/11114967.html
Copyright © 2011-2022 走看看