vue和webpack项目构建过程常用的npm命令详解

前端之家收集整理的这篇文章主要介绍了vue和webpack项目构建过程常用的npm命令详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue

webpack

css-loader 和 style-loader cnpm install --save-dev style-loader css-loader //安装less-loader和less: cnpm install less less-loader --save-dev //postcss-loader 和 autoprefixer(自动添加前缀的插件) cnpm install --save-dev postcss-loader autoprefixer //自动根据模版生成html插件 cnpm install --save-dev html-webpack-plugin //分离CSS和JS文件 cnpm install --save-dev extract-text-webpack-plugin

--save和--save-dev的区别

相同点:都是写入到package.json中

不同点:1使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --save 安装的插件,则被写入到 dependencies 对象里面去。

2devDependencies 里面的插件只用于开发环境,不用于生产环境,而 dependencies 是需要发布到生产环境的。

总结

以上所述是小编给大家介绍的vue和webpack项目构建过程常用的npm命令。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章