zoukankan      html  css  js  c++  java
  • 安装node/npm,通过express搭建node项目

    nodejs软件的下载地址:https://nodejs.org/en/ (推荐下载稳定版)

    1.只要安装好了nodejs,就自动安装好了npm包。

    2.在cmd中通过命令node -version查看是否安装好node,通过npm -version查看npm是否安装好。

    3.由于npm工具会自动去国外的网站下载包,可能会被防火墙屏蔽从而导致下载不成功,我们可以安装淘宝的cnpm包来代替npm包。命令:npm install cnpm -g

    4.在全局下安装express框架   cnpm install -g express-generator 

    5.通过express搭建node的项目  express  projectName

    6.进入创建的项目中安装依赖包  cd projectName   npm install

    7.通过cnpm全局安装webpack打包工具,命令:cnpm install webpack -g

    8.进行打包文件  从0-1通过webpack搭建项目框架:

      1)简单地打包   命令:webpack  要打包的文件路径./main.js    输出的文件路径./build.js;

      2)通过webpack.config.js去打包 

      webpack.config.js是webpack的默认配置文件,通过命令:webpack   自动查找配置文件里面的内容进行打包

      配置文件中写了module.exports = {

              entry:'./main.js',//要打包的源文件路径

              output:{ filename:'./build.js' }//打包后的输出路径

              }

      3)利用webpack打包CSS。本身不支持CSS的打包,通过加载loader进行打包css。

        cnpm install style-loader css-loader  //先加载style 再加载css

    基础知识:npm是第三方包下载、管理工具

         webpack是将所有的资源包括图片等打包成一个个js文件,需要的时候去加载。

  • 相关阅读:
    5-5图层的链接-新版本不常用
    5-4图层的不透明度
    5-3图层的层次关系
    5-2图层的选择
    5-1图层初识
    RTP协议文章收藏
    NW.js桌面应用开发(一)
    WebRTC笔记(一)
    mediasoup-demo解析-客户端
    npx工具
  • 原文地址:https://www.cnblogs.com/surui/p/7456023.html
Copyright © 2011-2022 走看看