• webpack初学踩坑记


    注意事项: 1. webpack不用装在全局环境下,在哪个项目中使用,就安装在该项目下即可

    1. 问题一:npm init 初始化一个项目后,添加webpack.config.js文件,在该项目中通过 npm install webpack --save-dev 将npm包安装到该项目下面,

    然后在项目的根目录下执行  webpack命令 报下面的错误

    原因:虽然项目中安装了webpack但是在项目的根目录下执行  webpack 执行的仍是全局的webpack  因为全局没有安装 webpack所以报错了。、

    解决方案: 在pacage.json中的script脚本中 包装一下webpack     “start”: "webpack" 然后在项目的根目录下执行 npm run start 就可以了。

    疑问 : 为什么必须放到npm scripts中才可以使用本地包的命令?

    1. 项目中的webpack不是全局的,所以执行webpack 是不可以的。

    2.npm script   中的npm start 命令 先会在本项目中查找 webpack包 找到了,就执行,没找到就继续去全局下找,以此类推

    3.跟用npm script 包装node 的cli是一个道理

    2.开发环境和生产环境的区别

     dependencies 生产环境 这个环境下包的安装方式 npm install 包名 --save或 npm install 包名
    dependencies中,是生产环境所需要的库;

    devdependencies 开发环境 这个环境下包的安装方式 npm install b报名 --save-dev
    devdependencies中, 放的是你开发时候用到的库,比如测试库、格式化代码等等,在生产环境中是不需要的
  • 相关阅读:
    qml 一个信号与多个方法关联 和 c++信号与槽类似写法
    qml connections使用
    同级qml之间信号与槽
    qml 相互调用 alias 别名
    PBOC规范研究之八----GPO命令(转)
    PBOC规范研究之七 ----应用选择(转)
    PBOC规范研究之六、变长记录文件(转)
    PBOC规范研究之四、文件结构及访问(转)
    C++xml文件操作 CMarkup学习方法说明(转)
    生成tli tlh 文件
  • 原文地址:https://www.cnblogs.com/qinmengjiao123-123/p/7419574.html
Copyright © 2020-2023  润新知