npm相关命令

npm: node package manager, node安装时,会下载npm命令。npx是npm引入的一条命令,它使用项目本地的包,不使用全局安装的包

1. npm install xxx -g:全局安装xxx,安装路径:/usr/local/lib/node_modules/xxx

    npm install xxx: 本地安装xxx,安装路径:./node_modules/xxx

    npm install xxx --save: 自动把模块和版本号添加到package.json文件中的dependencies部分

    npm install xxx --save-dev: 自动把模块和版本号添加到package.json文件中的devDependencies部分

2. 项目初始化: npm init -y,会在当前文件夹生成package.json文件

3. 打包一个文件:npx webpack index.js -o build.min.js --mode development

    如果不指定输入输出文件(npx webpack --mode development),默认输入文件为./src/index.js,输出文件为./dist/main.js

    打包后,html文件可以引用build.min.js或main.js

4. 浏览器自动刷新: 安装webpack-dev-server,然后:

    npx webpack-dev-server --mode development

    此时,http://localhost:8080 即可访问到index.html,如果我们更新 index.js,webpack-dev-server会实时重新打包index.js,在当前目录生成main.js

5. webpack配置文件:随着命令行越来越长,可以将命令行参数移入配置文件中,默认配置文件为webpack.config.js

猜你喜欢

转载自blog.csdn.net/gutsyfarmer/article/details/104922401
今日推荐