01-custom-library-npm
Advanced tools
```js npm init -y npm i webpack webpack-cli lodash -D ``` #### 2）配置webpack * 将项目中使用lodash也打包进项目中，增大了项目的体积（不推荐） ```js // webpack.config.js const path = require('path')
npm init -y
npm i webpack webpack-cli lodash -D
// webpack.config.js
const path = require('path')
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
clean: true,
filename: 'webpack-numbers.js',
library: {
// library 向外暴露的对象名
name: 'webpackNumbers',
// 兼容不同的环境 CommonJS、AMD、Node.js 等
type: 'umd',
},
},
}
const path = require('path')
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
clean: true,
filename: 'webpack-numbers.js',
library: {
// library 向外暴露的对象名
name: 'webpackNumbers',
// 兼容不同的环境 CommonJS、AMD、Node.js 等
type: 'umd',
},
},
// 外部扩展：https://webpack.docschina.org/configuration/externals/#externals
externals: {
lodash: {
commonjs: 'lodash',
commonjs2: 'lodash',
amd: 'lodash',
root: '_',
},
},
}
"build": "webpack --config webpack.config.js"
同时将package.json文件中main设置为打包构建的文件
"main": "dist/webpack-numbers.js",
taobao，taobao镜像是只读镜像，会发布失败npm config get registry
// 发布library需要使用官方仓库
npm config set registry https://registry.npmjs.org
npm config set registry https://registry.npm.taobao.org
npm login输入用户名、密码和邮箱登录npmnpm publishnpm logout //登出
// 如果不知道当前登录的账号可以用who命令查看身份：
npm who am i
// 发布的包在72小时内是可以删除的
npm unpublish <pkg>[@<version>]
npm unpublish 01-custom-library-npm@1.0.1
package.json中的version（不能和之前的版本相同）npm publish更新包registry设置为官方仓库，否则发布失败package.json中的版本号// test.js
const webpackNumbers = require('../dist/webpack-numbers')
console.log(webpackNumbers.numToWord(3));
<body>
<script src="../dist/webpack-numbers.js"></script>
<script>
console.log(webpackNumbers);
</script>
</body>
FAQs
```js npm init -y npm i webpack webpack-cli lodash -D ``` #### 2）配置webpack * 将项目中使用lodash也打包进项目中，增大了项目的体积（不推荐） ```js // webpack.config.js const path = require('path')
We found that 01-custom-library-npm demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub postponed a new billing model for self-hosted Actions after developer pushback, but moved forward with hosted runner price cuts on January 1.
Research
Destructive malware is rising across open source registries, using delays and kill switches to wipe code, break builds, and disrupt CI/CD.
Security News
Socket CTO Ahmad Nassri shares practical AI coding techniques, tools, and team workflows, plus what still feels noisy and why shipping remains human-led.