webpack配置sass webpack配置全局变量

nuxt框架是干什么的

nuxt是一个专注于ui渲染的应用框架,你可以使用Nuxt创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码

使用nuxt你可以快速搭建一个项目,而省略了繁琐的webpack babel sass vue-loader等等配置,同时nuxt还提供了服务器端渲染功能,

所以nuxt提供的是一种快速搭建项目的能力,

webpack原理和机制

1.webpack核心概念 entry: 一个可执行模块或库的入口文件。 chunk :多个文件组成的一个代码块,例如把一个可执行模块和它所有依赖的模块组合和一个 chunk 这体现了webpack的打包机制。

loader ：文件转换器，例如把es6转换为es5，scss转换为css。

plugin ：插件，用于扩展webpack的功能，在webpack构建生命周期的节点上加入扩展hook为webpack加入功能。...

Web前端一般用什么开发工具

Web前端开发是目前非常有“钱”途的行业，不仅从业人员众多，相应的开发工具也不断涌现。有人想知道前端常用的工具有哪些？有人好奇杭州Web前端学习班会教哪些工具库的用法。

前端常用的工具有哪些？

1、jQuery

jQuery由于其无限的教程，没有跨平台/浏览器问题，优秀的用户界面，大量的插件以及它的轻量，快速和快速学习等特点而脱颖而出。超过70％的受访者选择jQuery作为他们的前端库，它是一个快速，轻量级和简洁的JavaScript库，主要用于HTML文档遍历、事件处理、动画和用于快速Web开发的Ajax交互。从本质上讲，jQuery最适合需要快速开发的应用程序。

2、Bootstrap

超过65％的开发者选择Bootstrap作为他们最喜欢的框架来使用，它是一个用HTML、CSS和JS开发的开源工具包。Bootstrap的广泛流行主要是因为它的简单使用、优秀的社区以及大量的文章和教程、第三方插件和扩展、主题构建器等。

3、Angular

如果你打算构建一个动态且强大的单页应用程序，Angular就是你需要的框架。Angular是高度模块化的，因此非常适合与团队分开大型工作，并且使测试和调试变得轻松。功能优先的方法使Angular更加专注于功能，使开发人员的工作更轻松。此外，它还有来自Google社区的出色工具和支持。

4、NPM

NPM是Node的包管理器。借助NPM，开发人员可以安装各种模块进行Web开发，共享和借用软件包，并管理私有开发。它由网站、命令行界面（CLI）和注册表三个不同的组件组成。

5、Webpack

Webpack是现代JavaScript应用程序的模块打包程序，它将前端开发所需的所有资源（如JavaScript、字体和图像）集中到一个地方。如果你正在开发复杂的前端，这特别有用。你可以去通过部署具有的WebPack Web应用程序，以获取有关的WebPack起来和运行。

除了以上工具，还有Sass、React等，根据企业所用工具的不同，你需要掌握的工具也不一样。但熟练应用这些工具的前提是你具备扎实的理论基础，至于杭州Web前端学习班会教哪些工具的使用，我们需要关注其课程设置，还需要注重学习机构的教学模式，毕竟掌握工具的用法比只掌握工具更重要。