webpack学习笔记，前方有坑，请注意！！！！！
2021-06-17 20:04
标签：告诉 处理 div images 心得 node rip hello init 拖了好久，终于决定系统学习一下webpack(其实是自己懒，哈哈哈)，学习任何东西都要亲自动手才行，learn by doing 才是最高效的学习方法，以下是我在学习webpack的心得和踩得的坑，希望看到的同行，可以少踩坑，文章写得烂，不要介意，哈哈哈，下面开始表演。 什么是webpack就不用介绍了，我主要列举遇到的问题。 使用步骤： 新建一个文件夹，然后npm init初始化一下，然后非全局安装webpack 1.打包时记得全局安装webpack，否则命令会报错:“webpack”不是内部或外部命令......(cd 到.\node_modules\.bin\webpack hello.js hello.bundle.js也可以) 2.在打包css文件时要引入css模块，例如安装css-loader和style-loader css-loader 是处理css文件中的url()等 style-loader 将css插入到页面的style标签 less-loader 是将less文件编译成css sass-loader 是将sass文件编译成css loader的加载顺序是从右往左，从下往上 css-loader 是将 css 装载到 javascript；style-loader 是让 javascript 认识css，require 时用 还可以在命令行加上loader 3.在配置webpack.config,js时版本不同配制方法也不同要注意！ 4. webpack学习笔记，前方有坑，请注意！！！！！ 标签：告诉 处理 div images 心得 node rip hello init 原文地址：http://www.cnblogs.com/littlelittlecat/p/7265399.html
顺便告诉你
上一篇：html
下一篇：HTML第四课+（CSS基础）
文章标题：webpack学习笔记，前方有坑，请注意！！！！！
文章链接：http://soscw.com/index.php/essay/95186.html