Tagged: webpack

应用了webpack alias配置门路别名之后，vscode就无奈感知到别名的理论物理门路，导致无奈cmd+鼠标 来智能跳转到定义。通过vscode的jsconfig文件配置后，能够让vscode持续反对跳转。

之前做了一个loading的款式组件，为了实现代码的可重用性，将这个小我的项目打包并且公布在了npm上。在一次次的打包发包过程中经验了一个有一个报错，@buzuosheng/loading这个组件曾经到了2.7.0版本，尽管还有一些要调整的中央，但总算是能够用了。

概念: webpack 是一个古代 JavaScript 应用程序的动态模块打包器(module bundler)。当 webpack 解决应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中蕴含应用程序须要的每个模块，而后将所有这些模块打包成一个或多个 bundle。

Webpack几个概念：module: 模块，在webpack眼里，任何能够被导入导出的文件都是一个模块。chunk: chunk是webpack拆分进去的：entry chunk：每个入口文件都是一个chunk通过 import、require 引入的代码children chunk：通过 splitChunks 拆分进去的代码commons chunk: 通过CommonsChunkPlugin创立进去的文件bundle: webpa…

在理论我的项目开发中，须要基于多种环境去设置不同的环境变量以便于在构建阶段或是运行阶段去应用，例如常见的通过process.env.NODE_ENV在构建时去判断以后的构建环境是development还是production，例如须要在开发环境、测试环境和生产环境去拜访不同的接口服务器。

[链接]

webpack 是一个古代 JavaScript 应用程序的动态模块打包器 (module bundler)。当 webpack 解决应用程序时，它会递归地构建一个依赖关系图 (dependency graph)，其中蕴含应用程序须要的每个模块，而后将所有这些模块打包成一个或多个 bundle。

开发环境和生产环境应用同一个webpack配置文件，导致生产环境打包的js文件蕴含很多没必要的插件(如：NoEmitOnErrorsPlugin)

Webpack学习Webpack 配置我的项目流程npm init （初始化）npm i webpack webpack-cli -D （我的项目装置webpack和webpack-cli）npm i style-loader css-loader less less-loader -D （装置打包款式资源所需的loader）npm i html-webpack-plugin -D （打包html的插件 这里我用 html-webpack-plugin@next ）npm i html-loader url-…

始终认为但凡ES6的代码编译为ES5都是要通过babel,而后做了尝试，运行webpack首页代码，并没有配置babel,编译进去的代码照样能够跑，这里webpack的编译指标环境为web，（即是默认的指标环境，其余的环境还没测试），尽管es module不依赖babel，然而其余ES6的语法是要靠babel能力编译到ES5的。比方const =>