zoukankan      html  css  js  c++  java
  • webpack

    webpack是前端资源加载或打包工具,资源包括:img、js、css、json等

        它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。

    接下来我们先学习webpack3.8.1版本

    webpack3.8.1版本

      第一步:配置模块说明文件 

          npm  init

          根据指示,一路回车,就会在当前目录下生成一个package.json文件

          

      第二步:下载

          局部下载:

            npm  install  webpack@3.8.1  --save-dev

            就会在当前目录下生成一个node_module的文件夹

            

            

          全局下载:

            npm  -g  install  webpack@3.8.1

            在任何一个文件夹下都能使用

            

            全局下载不分生产(运行)环境,还是开发环境

          注意:

            尽量全局和局部都安装

      第三步:打包

          打包js文件

            指令:webpack  入口文件  出口文件

              

            更改一次js就需要再次执行这个指令

            如果我们只想使用webpack这个指令就完成打包,就需要配置webpack.config.js

            webpack会有一个默认的配置文件,叫webpack.config.js

            创建webpack.config.js,代码如下:

              

            接下来我们只需要执行 webpack 命令即可生成 bundle.js 文件:

              

          打包css文件

            loader  依赖包

              css转成js;less转成js;json转成js;png转成js

              而loader就解决了这个问题

              webpack.config.js

              

            css文件打包到js中需要:

              npm  install  css-loader  style-loader  --save-dev

              

       第四步:添加热加载

         添加热加载:改变文件的内容,保存后,会自动刷新

         webpack-dev-server@2.9.4

         注意:

          webpack是3.8.1版本,这个轻量服务器就是2.9.4版本,如果webpack是4.0版本的,这个轻量服务器就是3.0版本的

         全局下载:webpack-dev-server

            npm  install  -g webpack-dev-server@2.9.4

         在开发环境下下载:npm --save-dev   webpack-dev-server@2.9.4

            

         启动的方式:

            1、直接使用webpack-dev-server启动,这种启动方式只是启动服务器,不能自动刷新

            2、webpack-dev-server --hot  --inline 

              这种启动方式既可以启动服务器,也可以让浏览器自动刷新

              服务器的端口为8080;

                 端口为8088   

             配置启动指令

              在当前项目下的package.json中将scripts的属性改为

              "dev":"webpack-dev-server --hot --inline"

                改成   

         注意:

           在这个服务器下生成的虚拟bundle.js;

           这个虚拟js文件由配置文件决定的,但是它和html文件是同目录同级关系

           所有引入关系要注意

               

           测试完成之后,按ctrl+c关闭服务器,然后将虚拟文件打包

  • 相关阅读:
    keycloak~管理平台的查询bug与自定rest中文检索
    gRPC四种模式、认证和授权,C#实战演示
    asp.net core 集成JWT
    从不同使用场景来介绍git的基础命令
    用scikit-learn进行LDA降维——以前没有注意,原来LDA降维竟然这么好用!对无监督的任务使用PCA进行降维,对有监督的则应用LDA。
    ID3/Cart/C4.5区别
    超参数调优——google Vizier采用迁移学习的思想,主要是从之前调参的经验中学习,为新算法提出最佳超参数
    sklearn 绘制roc曲线
    原来ROC曲线更加健壮地反映模型的效果,看来还是比较关键的(就像逻辑回归,你总是希望模型让0/1分类的数据尽可能都向两端靠对不对,ROC就是反映这个好坏的指标)
    word2vec的原理——根据单词的上下文去预测单词出现,然后让整体的概率最大化。学习这样一个神经网络,然后选择隐藏作为vector表示。最初单词是onehot编码!
  • 原文地址:https://www.cnblogs.com/yanghuiting/p/10974182.html
Copyright © 2011-2022 走看看