• webpack初学者(1)


    最近在学习webpack的总结,不完善的希望各位提出宝贵的建议。本篇是以webpack3.0版本为基础的学习总结。

    一.webpack的概念及作用

       wepack是一个模块打包兼优化工具。往往一个项目中,有众多的的依赖包和繁琐的js文件,有时还要解决sass,less,....等新增样式的编译工作,所以在项目的开发中需要webpack作为辅助工具,而3.0版本肩负起了优化项目的责任。

        1.打包:把多个js文件打包为一个文件,来减少服务器的压力和下载贷宽。

        2.转换:把拓展语言转换为普通的js文件,让浏览器顺利运行。

        3.优化:优化和提升性能的责任。

    二.webpack的安装

        1.win+R打开任务栏,先安装node工作环境(自行脑补)。

        2.创建文件名称。及mkdir <project-name>,创建一个文件。

        3.然后安装webpack.及npm install webpack --g.(这里的--g,是全局安装。也可以是--save,局部安装。建议是局部安装)。

        4.要对webpack进行初始化,及npm init对项目进行初始化。(其中生成的package.json文件,就是说明一些项目的基本信息)。

        5.最后一步就是项目的目录安装,及npm install --save-dev webpack.(其中,--save:是说明要保存到package.json文件中。-dev:是在开发环境中使用的包,在生产环境中不使用)。

    这样基本的webpack的工作已经完成,接下来就可以尽情的玩耍了。

    (敬请期待下次分享)

      

  • 相关阅读:
    scrapy 知乎用户信息爬虫
    快读模板&&快出模板
    洛谷P7078 贪吃蛇
    CSP2020-S1总结
    洛谷P1736 创意吃鱼法
    luogu P3004 [USACO10DEC]宝箱Treasure Chest
    Markdown与LaTeX
    洛谷P2197 【模板】nim游戏
    洛谷CF1360H Binary Median
    洛谷P1063 能量项链
  • 原文地址:https://www.cnblogs.com/xuanwotianming153/p/8308713.html
Copyright © 2020-2023  润新知