webpack
哆啦咪唏
这个作者很懒,什么都没留下…
展开
-
webpack 如何编译css、less文件
webpack 如何编译.css、.less、.sass **loader的编译顺序是从右往左,从上往下。**使用样式的话,css-loader和style-loader是必须的依赖包。 css-loader使你能够使用类似@import 和 url(…)的方法实现 require()的功能; style-loader将所有的计算后的样式加入页面中; 二者组合可以把样式表嵌入webpack打包后的JS文件中。 1.编译.css文件需要安装 style-loader、css-loader。 {原创 2020-12-29 22:52:57 · 238 阅读 · 0 评论 -
搭建vue项目
Vue项目搭建vue-cli手动配置 两种方法都需要安装node vue-cli 用脚手架搭建vue项目非常简单快速,先安装vue-cli npm install vue-cli -g 然后 vue init webpack 项目名 即可 手动配置 在命令框中cd到目的文件夹下 npm init -y 创建项目的package.json文件 局部安装webpack,并进行配置npm install webpack webpack-cli -D 安装webpack插件,配置webpack.config.原创 2020-06-28 18:02:11 · 81 阅读 · 0 评论 -
webpack配置1
webpack配置之js和css文件 webpack默认会将js 和 css打包生成一个.js文件,我们可以使用mini-css-extract-plugin插件将css样式单独分离成一个文件,以外链式的形式引入。但该插件只能分离css,不能分离其他 .less、.sess等文件,因此我们可以在.css文件中引用其他 .less、.sess文件。 对webpack配置的具体代码如下: const MiniCssExtractPlugin=require('mini-css-extract-plugin');原创 2020-06-13 13:46:54 · 134 阅读 · 0 评论