欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
  • vue(7)—— 组件化开发 — webpack(1)

    webpack 什么是webpack 官方解释:webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。什么意思呢?就是可以把你开发项目时用到的所有资源全部打包成一个js文件,然后项目在上线阶段引入这个js文件就行了,它会自动帮你展出你... ...

    程序员文章站2024-03-31
  • 浅谈Webpack 持久化缓存实践

    前言 最近在看 webpack 如何做持久化缓存的内容,发现其中还是有一些坑点的,正好有时间就将它们整理总结一下,读完本文你大致能够明白: 什么是持久化缓存,为

    程序员文章站2024-03-31
  • webpack proxy 使用(代理的使用)

    为什么要写篇文章 这两天的开发中遇到一些需要代理才能解决的问题, 在这里记录一下, 方便以后的查阅. 为什么要用代理 跨域 在开发过程中, 我们的开发环境一般都是htt

    程序员文章站2024-03-30
  • 详解webpack3编译兼容IE8的正确姿势

    上一篇中的方法在 webpack 更新后,uglify 缓存地址也发生了变化,需要重新找地址。 后来测试发现不论是 uglify-js2 uglify-js3 都是支持

    程序员文章站2024-03-30
  • 浅谈webpack 构建性能优化策略小结

    背景 如今前端工程化的概念早已经深入人心,选择一款合适的编译和资源管理工具已经成为了所有前端工程中的标配,而在诸多的构建工具中,以其丰富的功能和灵活的配置而深受业内吹捧,

    程序员文章站2024-03-30
  • 【webpack】使用npm install html-loader安装,webpack打包后报错

    今天想使用webpack打包实现页面公共部分复用的功能,然后就开始修改代码。1、首先在view下新建一个公共文件layout,并新建文件html-head.html。2、把这两个文件的公共头部提取出来,放在html-head.html文件中3、在index.html文件中对应的部分引入<%= ...

    程序员文章站2024-03-26
  • vue、webpack、npm、vue的安装学习

    node的安装node的简介Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言node的安装 [**node的官方下载**](https://nodejs.org/en/)接着一...

    程序员文章站2024-03-26
  • Nodejs安装及使用npm安装webpack

    一、安装NodejsNodejs官网1、安装过程简单想改路径的就该,不想改的一直next就ok了。2、打开cmd命令行下载好的nodejs自带npm,所以可以无需安装npm。二、安装webpack更换国内镜像,不然下载贼慢!cmd命令行运行: npm config set registry http...

    程序员文章站2024-03-26
  • webpack实践--npm run dev 报错解决

    我是按照资料书,实践webpack-dev-server的。按照步骤,安装npm install webpack-dev-server --save-dev【当然我已经安装过webpack,webpack-cli了】然后配置,package.json{...... "scripts": { ...

    程序员文章站2024-03-26
  • nodejs npm安装webpack遇到的问题

    nodejs npm安装webpack遇到的问题首先确保你安装了nodejs,这个在官网下载安装十分简单,一路下一步。安装后在cmd输入 node -v 和npm -v,有的话就是正确。如果出现node或者npm不是内部或者外部命令,可能是环境配置问题,可以自己去查一下怎么配置路径。如果确认路径没有...

    程序员文章站2024-03-26
  • 了解前后端联调,认识webpack,以及ES6import命令

    1.前后端联调1.什么是前后端联调? 前后端联合调试 调试接口 当前后端阶段性开发完一个模块以后,前后端项目都提交,后端启动服务,前端向服务器发送请求,看能不能拿到后端真实的数据,这个验证双方接口的过程就是前后端流程2.为什么前后端联调? 前后端分离 前后端开发之前由后端制定接口文...

    程序员文章站2024-03-26
  • webpack之小白从零开始

    首先webpack已经更新到4.x 但是小白学力有限,依然使用3.X,原因是资料文档较为充足,方便学习默认已经安装好node.js 以及 npm install babel-loader --save-dev 安装相关依赖 //创建一个webpack.config.js文件module.export...

    程序员文章站2024-03-25
  • webpack 使用插件 博客分类: webpack webpack 使用插件 

    内置插件通过在配置中使用插件属性,可以将插件包含进你的模块中。// webpack should be in the node_modules directory, install if not.var webpack = require("webpack");module.exports = { ...

    程序员文章站2024-03-25
  • webpack 使用 CLI 博客分类: webpack webpack 命令行 

    安装$ npm install webpack -g 基本使用webpack <entry> <output> entry传递文件或查询字符串。你可以传递多个条目(每个条目都在启动时加载)。如果你通过键值对的形式 <name>=<request> 你可...

    程序员文章站2024-03-25
  • webpack 使用加载器 博客分类: webpack webpack 使用加载器webpack loader 

    加载器其实就是应用于你的程序的资源文件的转换器。它们将资源文件作为参数传入,然后返回新的资源。例如,你可以使用加载器告诉webpack加载CoffeeScript文件或者JSX文件。 加载器特点:加载器可以链式调用,它们被应用于资源管道内。最后一个加载器产出JavaScript,其他的加载器则返回指...

    程序员文章站2024-03-25
  • webpack踩坑记录

    webpack踩坑记录说明1. .babelrc版本导致的presets问题2. css-loader的Module问题3. postcss autoprefixer插件使用问题4.Error: webpack.optimize.UglifyJsPlugin has been removed, pl...

    程序员文章站2024-03-25
  • webpack踩坑之路(1)

    刚接触webpack,依照网上的教程编写最简单的一个实例,遇到了小小的几个坑,填上后在这里记录一下。1.安装/*全局安装*/cnpm install -g webpack/*在项目文件夹再安装一次,这也是官方文档推荐做法*/cnpm install --save-dev webpack还有一个小坑就...

    程序员文章站2024-03-25
  • webpack css兼容性处理踩坑记录

    1、目录文件2、全局配置需要的loader 和 plugins(已经安装webpack的前提下,全局安装 npm install webpack webpack-cli -D)全局安装 css-loader,指令:npm install css-loader -D全局安装 less-loader,指...

    程序员文章站2024-03-25
  • webpack入门,配置实例

    结构:webpack.config.js// webpack.config.jsconst webpack = require ("webpack");const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = ...

    程序员文章站2024-03-25
  • Webpack4.0基础教程一:准备工作

    准备工作1.初始化项目目录:npm init -y2.建立以下的目录结构:--dist--src----index.js--package.json(初始化后生成)3.完成基本的webpack配置:首先,安装基本的webpack包:npm install --save-dev webpack web...

    程序员文章站2024-03-24