Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
Webpack是一个现代JS应用的静态模块打包的工具 学习Webpack需要我们安装NodeJS 配置CNPM & CRM 使用切换镜像的方式配置：【不建议】 npm config set registry http://registry.npm.taobao.org 安装镜像管理工具： npm i
转载
2020-07-24 21:52:00
128阅读
2评论
1.安装webpack项目环境bashnpminstallwebpacksavedev2.安装css的loaderbashnpminstallsavedevcssloader3.安装style的loaderbashnpminstallsavedevstyleloader
原创
2021-12-29 17:58:22
225阅读
Webpack作用：Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分ack-cli -vWebpack的配置：创
原创
2022-12-09 12:02:44
120阅读
一个典型的项目结构Vue SPA Project Structure项目结构说明main.js 声明 Vue 项目的依赖。 声明 Vue 项目的入口（ DOM 挂载点）。 Vue 插件的基本设置。 router.js 配置路由规则 关于 CSS 的一些说明 业务型 CSS：单独写成 CSS 文件，并放在 styles 目录内。 局部 CSS：写在组件模板内，在 �<style>标签上加上scoped以锁定作用域。如果需要用到全局 CSS，使用...
原创
2020-08-10 17:38:44
171阅读
最近看了点vue框架，关于它的资料和angular相比还是比较少的，但是官网的文档很全面，想要了解的知识点文档上基本都有，所以就看了下文档，一边学习一边写了个小程序，觉得vue还是很好上手的。大大的提高了编码效率，我们根本不需要dom操作，vue将他们都实现了，我们只需要去关系数据如何变化，以及样式的部分。 展示链接：https://lwjcode.github.io/cakeroom/view/
转载
2023-10-14 22:14:59
67阅读
文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1
原创
2022-05-10 10:26:25
1407阅读
点赞
v-html 有xss风险computed有缓存,data不变就不会重新变化watch如何深度监听watch正常监听不到引用值对象属性的变化,需要在watch开启deep实现深度监听data(){
return{
styleData:{
fontSize:'40px', --------- 这里使用驼峰写法
backg
转载
2021-04-20 22:06:30
228阅读
2评论
8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(de...
原创
2021-08-18 10:49:52
141阅读
一、介绍： 1. js应用的模块打包工具 二、webpack安装 1. 环境：node环境 2. npm install webpack -g 说明：npm install 命令；webpack是工具名，可以指定版本如：webpack@5.58.3； -g表示全局安装，如果不想全局安装，仅为某项目安 ...
转载
2021-10-20 19:12:00
164阅读
2评论
一个典型的项目结构Vue SPA Project Structure项目结构说明main.js 声明 Vue 项目的依赖。 声明 Vue 项目的入口（ DOM 挂载点）。 Vue 插件的基本设置。 router.js 配置路由规则 关于 CSS 的一些说明 业务型 CSS：单独写成 CSS 文件，并放在 styles 目录内。 局部 CSS：写在组件模板内，在 �<style>标签上加上scoped以锁定作用域。如果需要用到全局 CSS，使用...
原创
2020-08-10 17:38:44
289阅读
8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)
原创
2022-03-04 15:39:42
68阅读
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
101阅读
# 如何解决“不能找到java file”的问题
## 概述
在软件开发过程中，有时会遇到“找不到java文件”的问题。这个问题可能是由于文件路径设置错误或文件丢失等原因导致的。在本文中，我将教你如何解决这个问题。
## 解决步骤
为了更好地指导你解决这个问题，我将分步骤列出整个解决流程，包括每一步需要做什么以及具体的代码示例。首先我们来看一下整个解决流程的表格：
```mermaid
jo
原创
2024-02-25 07:32:29
68阅读
第一步：npm init -y第二步：npm install --save-dev vue 第三步：npm i --save-dev vue-loader vue-template-compiler 第四步：npm install webpack webpack-cli --save-dev添加配置文件：webpack.config.jsc...
原创
2021-07-14 11:43:20
236阅读
1、什么是webpack webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具； http://webpack.github.io/ 2、安装 1）全局安装 npm i webpack g 2）项目根目录安装到项目依赖中 npm i webpack save d
原创
2021-07-13 16:57:58
147阅读
一.webpack的介绍 webpack是针对模块化打包的工具，不仅仅是打包，他还能对模块化的项目进行处理；比如模块化规范的CommonJS，AMD等等浏览器是不认识的，而webpack能够上述的标准进行解析成浏览器能认识的代码，并且他还能处理模块间的依赖关系； 顺便也说一下webpack的打包功能
转载
2021-03-27 09:19:00
92阅读
在webpack中配置.vue组件页面的解析(vue-loader) 结合webpack使用vue-router 在webpack中配置.vue组件页面的解析 1、运行npm i vue -S将vue安装为运行依赖；2、运cnpm i vue-loader vue-template-compiler Read More
转载
2019-05-02 18:18:00
756阅读
