第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

坑一：grep window沒有這個命令，使用npm list --depth=0 -global查看版本吧

查看generator版本

調(diào)試了很久終于弄對了，在新的版本中需要這樣做就可以了：

1. 新的版本中不需要安裝autoprefixer,需要安裝postcss-loader代替autoprefixer

2. 安裝完postcss-loader后，需要在項目的根目錄建一個名字為postcss.config.js的文件，文件內(nèi)容為:

module.exports?=?{
????plugins:?[
????????require('autoprefixer')
????]
}
3.在cfg-->default.js文件中，添加postcss-loader的配置,如下：
{
??test:?/\.css$/,
??loader:?'style-loader!css-loader!'
},
{
??test:?/\.sass/,
??loader:?'style-loader!css-loader!!sass-loader?outputStyle=expanded&indentedSyntax'
},
{
??test:?/\.scss/,
??loader:?'style-loader!css-loader!!sass-loader?outputStyle=expanded'
},
{
??test:?/\.less/,
??loader:?'style-loader!css-loader!!less-loader'
},
4.在編譯的時候有可能會報?沒有?sass-loader?這個模塊，這時候我們?nèi)グ惭b這個模塊
????npm?install?sass-loader?--save-dev,因為sass-loader依賴?node-sass?模塊,所以我們還需要安裝
????node-sass模塊，npm?install?node-sass?--save-dev
5.imageDatas=require('./../data/imageDatas.json');?新版的不需要加json!,并且官網(wǎng)推薦是不加的

正常開發(fā)一個項目的流程：

1. 在github上創(chuàng)建一個新的倉庫，用來存放我們要開發(fā)的項目

2. 用“命令”進入到本地的一個工作空間, git clone 生成的項目的地址

3. cd 項目名

4. yo react-webpack 項目名
   

npm ls -g --depth=1 2>/dev/null | grep generator- ? 查看全局安裝的插件

現(xiàn)在構(gòu)建項目的步驟：

????1.全局安裝 yo和 generator-react-webpack

npm?install?-g?yo
npm?install?-g?generator-react-webpack

2.可以自己手動創(chuàng)建一個放項目的文件夾(gallery),并進入到該文件夾
cd?gallery
3.在項目的根目錄(gallery)下?yo?react-webpack
4..在項目的根目錄安裝css屬性的前綴?npm?install?autoprefixer
5.npm?start?啟動，在?下產(chǎn)看

react-webpack-generator的安裝及其用法： https://github.com/react-webpack-generators/generator-react-webpack

Sass 的寫法

json-loader 都要添加到 config 的文件中

npm install json-laoder --save-dev

改成 autofixer 的配置

1. 改文件 ?sass -》 scss

2. 配置 loader

3. !autoprefixer-loader : ["last 2 version"]