zoukankan      html  css  js  c++  java
  • 从零开始搭建react项目

    前边步骤参考 :https://www.jianshu.com/p/324fd1c124ad
    其中会提示安装 webpack-cli        npm install webpack-cli -D 

    然后会提示The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.

    大致意思就是设置生产模式还是开发模式,方法是在package.json文件的script的start中加入--mode development:

    "scripts": {
      "start": "webpack-dev-server --hot --inline --colors --content-base ./build --mode development",
      "build": "webpack --progress --colors"
    },
    这个时候需要自己在根目录下建一个webpack.config.js文件 进行入口等基础配置

    配置完后提示 You may need an appropriate loader to handle this file type.(缺少处理这种文件的合适的loader)

    npm install babel-preset-env --save-dev,之后安装html-webpack-plugin插件

     然后配置.babelrc文件

    其中配置sass-loader 模块化,node-sass安装失败解决办法:

    设置变量 sass_binary_site,指向淘宝镜像地址。

    npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

     最后就ok啦,项目基础配置见个人github:https://github.com/490567134/webpack-react/upload/webpack-react

  • 相关阅读:
    笔记44 Hibernate快速入门(一)
    tomcat 启用https协议
    笔记43 Spring Security简介
    笔记43 Spring Web Flow——订购披萨应用详解
    笔记42 Spring Web Flow——Demo(2)
    笔记41 Spring Web Flow——Demo
    Perfect Squares
    Factorial Trailing Zeroes
    Excel Sheet Column Title
    Excel Sheet Column Number
  • 原文地址:https://www.cnblogs.com/xiaoyaoweb/p/9022565.html
Copyright © 2011-2022 走看看