命令操作符-小记

发表于 | 分类于 | | 阅读次数

cd 路径 ——进入某个文件

cd .. ——-跳出本文件

webpack 安装命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//全局安装
npm install -g webpack

方式1：
//安装到你的项目目录
npm install --save-dev webpack
//npm  init           安装依赖包   package.json

方式2：
//npm init -y         使用默认设置
npm i -D  webpack        项目开发的依赖

npm run dev         运行脚本

插件安装：
npm i -D html-webpack-plugin  安装插件用来新建html文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
webpack.config.js配置文件的应用：

      const HtmlWebpackPlugin=require('html-webpack-plugin')
const path=require('path');
module.exports={
entry:'./src/app.js',
output:{
path:path.resolve(__dirname,'dist'),
filename:'main.js'
},
plugins:[
     new HtmlWebpackPlugin({
          filename:"abc.html",//文件名称
          template:"src/index.html"  //定义模板  路径
     })
]
}

loader 就是webpack 用来预处理模块的
在一个模块被引入之前，会预先使用loader 处理模块的内容

1
2
3
npm i -S react react-dom  //安装react 和 react-dom
npm i -D babel-loader babel-core  //安装babel-loader 和它所需要的库
npm i -D babel-preset-react  //安装react 预设