vue和webpack项目构建过程常用的npm命令详解
更新时间：2018年06月15日 11:31:40 作者：github_39274378
本文通过实例代码给大家介绍了vue和webpack项目构建过程常用的npm命令,需要的朋友可以参考下
vue
//最新稳定版 cnpm install vue //全局安装 vue-cli cnpm install --global vue-cli //创建一个基于 webpack 模板的新项目 vue init webpack my-project //进入项目目录，运行 cd my-project cnpm install cnpm run dev
webpack
//全局安装webpack cnpm install -g webpack //安装到你的项目目录 cnpm install --save-dev webpack //初始化package.json cnpm init //使用webpack构建本地服务器 cnpm install --save-dev webpack-dev-server //运行本地服务器 npm run server // npm一次性安装多个依赖模块，模块之间用空格隔开 cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react //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命令，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
本文主要介绍了element el-tree折叠收缩的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要介绍了在 Vue 中使用 JSX 及使用它的原因浅析，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了详解如何在vue项目中引入elementUI组件,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了vuex中getters的基本用法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要为大家介绍了如何利用Vue实现输入框@功能，文中的示例代码讲解详细，对我们学习Vue有一定的帮助，感兴趣的可以学习一下2022-05-05
这篇文章主要介绍了Element ui关闭el-dialog时如何清除数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要介绍了vue3函数setUp和reactive函数的相关知识及setup函数和reactive函数的注意点，通过具体代码给大家介绍的非常详细,需要的朋友可以参考下2021-06-06
这篇文章主要为大家详细介绍了vue实现二级导航栏效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要介绍了Vue实现微信支付功能遇到的坑,本文是小编记录整理下拉的，以便日后所需，需要的朋友可以参考下2019-06-06
ref和reactive一样,也是用来实现响应式数据的方法,下面这篇文章主要给大家介绍了关于vue3给动态渲染的组件添加ref的解决方案,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
最新评论