zoukankan      html  css  js  c++  java
  • 简易webpack 入门

    webpack 模块打包机
    作用:将浏览器不识别的语言转化成浏览器识别的语言
    工作流程
    通过一个入口文件 找到这个入口文件所依赖的所有模块,将这些文件打包成一个或多个文件
    如何使用:
    1、安装
    cnpm i webpack@3.5.3 -g (全局)

    2、 a、初始化仓库 npm init -y
    b、cnpm i webpack@3.5.3 --save-dev(局部安装,只需要在使用webpack的文件夹中安装即可)
    3、创建一个文件 webpack.config.js //配置文件
    4、 安装 一些包
    a、首先安装这些包 npm一次性安装多个依赖模块,模块之间用空格隔开
       npm install --save-dev @babel/core babel-loader @babel/preset-env @babel/preset-react
     
       b、处理css的loader
    npm install --save-dev style-loader css-loader sass-loader node-sass
    5、 使用插件plugin
    cnpm i html-webpack-plugin --save-dev //作用帮我们生成一个与src平及的模板
    6/创建服务器 热更新
    cnpm i webpack-dev-server@2 --save-dev

  • 相关阅读:
    int ,long , long long类型的范围
    距离统计 CH Round #49
    A1087. 高精度加法
    NOIP2010 提高组 机器翻译
    maven学习笔记
    logback学习资料
    UTF8带BOM和不带BOM(转载)
    java IO存在问题
    01——java IO流
    C++网络爬虫设计与分析
  • 原文地址:https://www.cnblogs.com/fdbjazy/p/10307446.html
Copyright © 2011-2022 走看看