vue和webpack项目构建过程常用的npm命令详解
vue
//最新稳定版 cnpminstallvue //全局安装vue-cli cnpminstall--globalvue-cli //创建一个基于webpack模板的新项目 vueinitwebpackmy-project //进入项目目录,运行 cdmy-project cnpminstall cnpmrundev
webpack
//全局安装webpack cnpminstall-gwebpack //安装到你的项目目录 cnpminstall--save-devwebpack //初始化package.json cnpminit //使用webpack构建本地服务器 cnpminstall--save-devwebpack-dev-server //运行本地服务器 npmrunserver //npm一次性安装多个依赖模块,模块之间用空格隔开 cnpminstall--save-devbabel-corebabel-loaderbabel-preset-es2015babel-preset-react //css-loader和style-loader cnpminstall--save-devstyle-loadercss-loader //安装less-loader和less: cnpminstalllessless-loader--save-dev //postcss-loader和autoprefixer(自动添加前缀的插件) cnpminstall--save-devpostcss-loaderautoprefixer //自动根据模版生成html插件 cnpminstall--save-devhtml-webpack-plugin //分离CSS和JS文件 cnpminstall--save-devextract-text-webpack-plugin
--save和--save-dev的区别
相同点:都是写入到package.json中
不同点:1使用--save-dev安装的插件,被写入到devDependencies对象里面去,而使用--save安装的插件,则被写入到dependencies对象里面去。
2devDependencies 里面的插件只用于开发环境,不用于生产环境,而dependencies 是需要发布到生产环境的。
总结
以上所述是小编给大家介绍的vue和webpack项目构建过程常用的npm命令,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!