1、项目根目录初始化package.json: npm init2、下载css与style的loader配置webpack中的css解析npm install css-loader style-loader --save-dev3、下载babel，webpack配置es6语法npm install babel-core babel-loader babel-plugin-transform-
原创
2022-11-20 00:41:19
98阅读
首先通过npm安装less和less-loadernpm install less --save-devnpm install less-loader --save-dev然后在webpack中配置less-loader：modules:{ rules:[{ test:/\.vue$/, loader:'vue-loader',options:{ lo...
原创
2021-11-16 15:27:03
864阅读
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
cnpm install less less-loader --save-dev module.exports = { module: { rules: [ { test: /\.less$/i, use: [ { loader: 'style-loader', }, { loader: 'css-
转载
2021-07-07 11:25:00
237阅读
2评论
前言本文系统的梳理了vue-cli3搭建项目的常见用法，目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点：如何安装项目插件添加浏览器支持如何配置scss/stylus共享全局变量如何整合elementUI等第三方框架并实现按需引入配置单/多页面如何配置自定义环境变量如何在vue.config.js定制自己的webpackvue项目部署说明本文末尾会给出一个以上提到的所有功能的一个
前言业务要求要做一个主题色切换，类似于暗黑模式，以前没有做过于是在网络上搜罗现成的解决方案，由于是vue2的项目，找了很久都没有找到一个好的方便的解决方案，最后在github找到一个使用css3的解决方案，觉得十分不错，也很简单明了，于是就拿来直接用了，参考的github项目地址：https://github.com/LiuyangAce/theme-switch/tree/master，可以参考
转载
2024-09-01 23:10:14
145阅读
一、依赖安装首先考虑到一个vue项目需要用到的库有vue、element-ui、axios，先进行安装npm i vue element-plus axios安装完后会生成package-lock.json、package.json和node_modules，安装的版本如下： 然后要安装webpack及需要用到的loader -D为安装开发依赖，只用于开发环境，安装完后会被写入package.js
转载
2024-04-18 16:39:14
2088阅读
less-loader 自动将 less 转换为 CSS。 使用 less-loader 安装 less npm install --save-dev less 安装 less-loader npm install --save-dev less-loader 配置 less-loader 修改 w
原创
2020-12-21 23:54:00
472阅读
前端工程化解决方案： 目前主流：webpack webpack vue、react都是基于webpack 隔行变色案例 新建空白文件夹，运行npm init -y指令 文件夹里新建src文件夹 ul>li{这是第$个li}*9 <!DOCTYPE html> <html lang="en"> <he ...
转载
2021-09-16 14:02:00
154阅读
2评论
前端工程化解决方案： 目前主流：webpack webpack vue、react都是基于webpack 隔行变色案例 新建空白文件夹，运行npm init -y指令 文件夹里新建src文件夹 ul>li{这是第$个li}*9 <!DOCTYPE html> <html lang="en"> <he ...
转载
2021-09-16 14:02:00
610阅读
2评论
一. 在webpack中配置vue 了解了webpack的原理和用法以后, 我们来引入Vue webpack原理和用法详解链接: cnblogs.com/ITPower/p/14467745.html 第一步: 需要在webpack中引入vue.js 如何引入呢? npm install vue -
原创
2021-06-04 10:25:25
181阅读
一、介绍 vue的runtime-only版本和runtime-compiler版本： runtime-only版本：代码中不可以有任何的template runtime-compiler版本：代码中可以有template，此版本有编译template的代码 二、vue安装 1. 安装方式： 下载j ...
转载
2021-10-20 20:37:00
306阅读
2评论
Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这
原创
2024-05-08 11:43:02
163阅读
Webpack 解析css css-loader: 加载css对象，并转换成commonjs对象 style-loader: 将样式写入style标签并插入到header中 安装loader npm i style-loader@0.23.1 css-loader@2.1.1 -D 配置webpac ...
转载
2021-09-24 00:24:00
303阅读
2评论
1、安装插件 处理less： 处理sass： 2、项目目录： layer.less为： layer.js为： 3、webpack.config.js配置文件(以编译less为例) 注意：postcss-loader在css-loader后，在less-loader前。 4、执行编译&查看效果
转载
2017-09-15 11:25:00
153阅读
2评论
npm install --save-dev sass-loader node-sassindex.html<!DOCTYPE html><html> <head> <meta charset=" </body></.
原创
2022-08-19 11:45:14
235阅读
Vue.js - webpack相关配置注意：有时候使用npm i node-sass -D装不上，这时候，
原创
2023-07-12 22:03:43
163阅读
//引入依赖模块
var path = require( 'path' )
var config = require( '../config' ) // 获取配置
转载
2024-07-23 08:43:09
121阅读
