初步认识webpack3.0
2021-05-16 07:28
标签：开发工具 版本过低 用户 了解 建议 .com 初步 sass str 一 webpack 是什么东东呢？ WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构， 找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等）， 并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。 它的优点： 1 可以把多个javascript 文件打包成一个压缩文件 减少服务器压力，减少带宽 2 可以把许多新的拓展拓展语言转换成目前浏览器支持的，如scss,less es6 等转换成css ，es5目前浏览器支持的语言 3 可以优化你的项目代码结构 提高性能 在这注重用户体验的时代 很重要 二 如何安装webpack呢？ 了解原理 那我们来动手 安装一个webpack吧。 我们用的开发工具是vscode 这个软件开发挺方便的 1 首先先在本地创建一个文件 我这里在e盘一个webpackTest 首先在你的电脑上安装nodejs 我的本地环境是node 6.0 然后按照这样的命令 npm install -g webpack 如果你安装失败有可能是网速 问题 或者node 版本过低 建议使用淘宝镜像安装 cnpm install -g webpack 其中的-g 是全局安装 其实我们在开发时候是不需要全局安装 2 webpack安装成功后 你要初始化下项目包 package.json 这里你需要 nmp init 一路安装提示安装 安装成功后 你还需要初始化项目的包文件 cnpm install --save-dev webpack 成功后 到这里 我们webpack 这里基本安装完成了 初步认识webpack3.0 标签：开发工具 版本过低 用户 了解 建议 .com 初步 sass str 原文地址：http://www.cnblogs.com/youngyang66/p/7748586.html
上一篇：CSS中的浮动和定位
下一篇：webpack的使用二