作者：admin 发布时间：2023-12-26 11:45 分类：资讯 浏览：47 评论：0
1、本质上，webpack 基于node平台，利用 node 的各种api来实现 javascript 应用程序的一个静态模块的打包工具。在打包过程中，构建依赖关系，并且实现模块引用预处理，以及缓存等。
2、Webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当 Webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
3、这个需要从Webpack打包机制上说明，大家都知道，Webpack的打包的核心原理：一切皆模块。而到底打包那些东西，这些东西之间的依赖关系是什么样的，都源于模块依赖图中的依赖树，而这个树的根节点就是这个entry。
4、webpack是前端开发人员工具集的一个很好的补充，使用webpack，Web开发更快，更高效，更有趣。什么是模块捆绑器？在大多数编程语言中，我们可以将代码分成多个文件，并将这些文件导入到应用程序中，以使用其中包含的功能。
5、WebPack是一个前端资源打包，可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，vue等），并将其打包为合适的格式以供浏览器使用。
1、Webpack 的核心概念是 module，可以认为 Webpack 对资源的路径解析、读入、转译、分析、打包输出，所有操作都是围绕着 module 展开的。
2、webpack.config.js文件 webpack.config.js是webpack的配置文件，用来指示webpack工作，运行webpack指令时，会加载里面的配置，所有构建工具都是基于nodejs平台运行的，默认采用commonjs模块化。
3、webpack是一个模块打包器（module bundler），提供了一个核心，核心提供了很多开箱即用的功能，同时它可以用loader和plugin来扩展。
4、上一节中讲解了 webpack文件监听 可以实现文件的自动构建，但是每次必须手动刷新浏览器，那么有没有不用每次手动刷新浏览器，自动构建文件呢？答案是肯定的， 热更新 。
1、nodejs和vue的关系如下：首先vue.js是库，不是框架，不是框架，不是框架。Vue.js使用了基于HTML的模版语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。
2、nodejs一个是前端框架，vuejs一个是服务端语言。nodejs是js运行时，运行环境，类比java中jvm。
3、综上所述，vue.js 是通过 webpack来打包，而webpack 又基于 npm， npm需要nodejs环境。这就是为什么vue.js 还需要安装nodejs环境。将目标dist文件夹拷贝到一台未安装nodejs的 nginx服务器上，访问页面可以正常响应逻辑。
1、webpack.config.js是webpack的config文件，作用是告诉webpack如何把你的项目当中的js文件整合成一个并且附加版本号，以及uglify。
2、Webpack是一个前端模块化方案，更侧重模块打包。我们可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源。
3、webpack 开箱即用，可以无需使用任何配置文件。webpack 会假定项目的入口起点为 src/index.js ，然后会在 dist/main.js 输出结果，并且在生产环境开启压缩和优化。
4、webpack.config.js css-loader 只是负责将.css文件进行解析，并不会将解析之后的css插入到页面中，如果我们希望再完成插入style的操作，那么我们还需要另外一个loader，就是 style-loader 。
5、step5： 配置入口文件和出口文件 每次修改js文件，手动输入命令： webpack 入口文件路径 -o 出口文件路径 重新打包， 每次都要输入入口文件和出口文件，麻烦。