2024-10-26需要使用webpack对组件或者模块进行打包，因为可复用库的模块化，需要适合在任何场景中进行引用，比如AMD/CMD、CommonJs、ES6、ES5等环境。下面我们只需要在webpack.config.js里添加libraryTarget配置，设为umd模式。注意：在生成package.json中，name的名称和项目的名称保持一至。从代码可以看出，webpack打包出来的文件是支持多场景的引用方式的。发布完成后，在自己的package里，会看到对应的包。注意：需要进入邮箱验证。输入用户名、密码、邮箱。_前端发布npm私包

https://www.qianduange.cn//article/19188.html 分类：前端知识

2024-09-27安装weback：打开项目：创建webpack.config.js,创建src目录打包好了后发现两个js文件都被压缩了，我们想开发使用未压缩，生产使用压缩文件。erserPlugin：（推荐使用的原因是支持es6的语法）webpack4默认使用的压缩插件，当mode是production的时候，会自动去使用的一个插件。如果mode不是，可以自己配置，让他去使用。_如何发布自己的npm包

https://www.qianduange.cn//article/18605.html 分类：前端知识

2024-08-27我的项目使用的是roadhog编译，根目录添加webpack配置webpack.config.js,在配置文件中自动读取了tsconfig中path的属性来给webpack设置别名，避免多位置配置alias。发现我的vscode编辑器已经能识别这个路径了，当我按下ctrl点击路径的时候，也自动跳转到了a.ts文件,再运行npm run start报错如下。原因：typescript根本不会对别名进行处理，只能借助第三方编译工具，例如babel，webpack。_typescript paths

https://www.qianduange.cn//article/16996.html 分类：前端知识

2024-08-08通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在vue项目中是可以并存的。webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。vue-cli3创建的时候并不会自动创建vue.config.js,因为这个是可选项，所以一般都是修改webpack的时候才会自己创建一个vue.config.js。_vue.config.jshewebpack

https://www.qianduange.cn//article/15082.html 分类：前端知识