随笔分类 -  webpack

摘要：（一） 处理普通的.css 文件，需要安装 css-loader,style-loader .less 文件，需要安装 less-loader .sass 文件，需安装 less-loader (二） 在项目中，我们会遇到 不同浏览器，前缀不同。比如 display: flex ，在IE以及谷歌下前 阅读全文

摘要：查询各个 loader的使用，可以在官网上查询。 https://www.npmjs.com （一）安装 babel-loader，babel-core。 使用命令 因为ES6语法每年都在更新，因此，我们需要一定的规则去转换。 （二） 首先按照如下层级建立相应文件 将测试用的ES6代码放在 app. 阅读全文

摘要：（一）使用webpack 根据模板生成HTML，首先需要安装插件 html-webpack-plugin。 在工程文件夹安装插件 命令如下： (二） 新建 webpack.config.js，名称可以更改，更改后 运行时，需指定 配置文件名称。 例如，配置文件名为 my.webpack.config 阅读全文

摘要：在webpackDemo 文件夹中新建 style.css，index.html style.css 中将背景色设为红色。 he'llWorld.js 运行命令，会报错，如下图： 这是因为没有 css解析器的原因，需要安装 style-loader、css-loader. 命令如下 然后，将requ 阅读全文

摘要：（一）webpack的安装 webpack是基于node.js，因此需要安装node.js。 安装好node.js 后，全局安装webpack，命令如下 如果只希望在指定文件夹下局部安装，命令如下。 安装好后，使用如下命令查看版本号，检测是否安装成功。 （二）webpack Demo1 复制文件 w 阅读全文