2020-09-06

第一步


第二步
第三步
第四步
第五步

初始化一个目录

npm init -y 快速创建空项目

         cnpm install webpack webpack-cli -D

或者 yarn add webpack webpack-cli -D

-D 表示开发模式下的依赖

全局安装------------------------

cnpm install webpack webpack-cli -g

或者 yarn global add webpack webpack-cli

如何运行webpack-------------

cd /node_modules/.bin

webpack --version   

或者

npx webpack --version

// npx create-react-app 创建一个fackbook的react基础框架

"build":"webpack"

添加上面的内容至 package.json

npm run build(你定义的名称)

注意事项

http://nodejs.cn/api/path.html

nodejs连接符

http://nodejs.cn/api/modules.html#modules_dirname

nodejs 当前目录

如何加载require  配置 Webstorm中node core

第一步
第二步
第三步
第四步
第五步
第六步(找到自己的npm版本)

OK-》apply-》OK 完毕

显示高亮
webpack.config.js
入口文件./src/index.js

配置完成后 

npm run build

运行打包

注意事项

yarn add css-loader style-loader -D    √

或者

npm install --save-dev css-loader ts-loader

安装完成
注意

运行打包

安装sass

yarn add sass-loader -D

注意看报错  缺什么 补什么

yarn add sass -D

images&font
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容