Powered by md-Blog  文 - 篇  访客 -

  • webpack4.0安装配置构建范例一条龙

    1、为何需要类似 webpack 的构建工具?转换 ES6 语法转换 JSX 扩展语法CSS 前缀补全 / 预处理压缩混淆图片压缩2、webpack 配置文件可以通过 webpack --config 指定配置文件默认: webpack.config.jsmodule.exports = { entry: './src/index.js', // 入口文件 output: './dist/main.js', // 输出 mode: 'production', // 环境 module:{ rules:[ //

    2020-03-22 17:13:20   2020-01-20 14:53:20
    分类:大前端 / 浏览:015795032002904
  • VScode自动生成项目目录文件结构

    1、VScode 安装插件project-tree2、使用方法Shift + Cmd + p输入:Project tree回车即可生成/追加在 Readme.md 文件中3、演示Readme.md ├─ dist │ ├─ favicon.ico │ ├─ index.html │ └─ static │ ├─ css │ │ └─ main_021153.css │ ├─ images

    2020-03-22 09:12:29   2020-03-22 09:12:29
    分类:大前端 / 浏览:015848395495506
  • Gitbook教程

    安装 Node.jshttps://nodejs.org/en/download/安装 GitBook$ npm install gitbook-cli -g查看版本$ gitbook -V创建电纸书$ mkdir myBook $ cd myBook初始化$ gitbook init预览$ gitbook build或$ gitbook serve生成电子书文件 mobi$ gitbook mobi ./ ./myBook.mobi本功能依赖:CalibreCalibre 安装完毕后,对于 Mac OS X 系统,还需要先设置一下软链接:$ ln -s /Applications/calibre.app/Con

    2020-03-17 12:51:18   2020-03-17 12:50:32
    分类:大前端 / 浏览:015844206329369
  • Webpack 4 和单页应用入门(史上最全webpack4轻松上手入门教程,看懂这篇就够了)

    Webpack 4 和单页应用入门本文摘自:https://github.com/wallstreetcn/webpack-and-spa-guidewebpack 更新到了 4.0,官网还没有更新文档。因此把教程更新一下,方便大家用起 webpack 4。写在开头先说说为什么要写这篇文章,最初的原因是组里的小朋友们看了 webpack 文档后,表情都是这样的:摘自 webpack 一篇文档的评论区)和这样的:是

    2020-03-09 09:42:52   2020-03-06 16:50:44
    分类:大前端 / 浏览:015834846441666
  • 本地搭建一个基于Babel编译ES6的练习学习环境

    0、在线练习您可以使用以下页面进行在线练习:https://www.babeljs.cn/repl1、初始化npm 方式:npm init -yyarn 方式:yarn init -y2、安装 babel 及插件参考网址:https://www.babeljs.cn/docs/babel-clinpm 方式:npm install --save-dev @babel/core @babel/cli @babel/preset-envyarn 方式:yarn add @babel/core @babel/cli @babel/preset-env --dev@babel/core babel 的内核@babel/cli babel

    2020-02-24 18:15:34   2020-02-24 10:33:09
    分类:大前端 / 浏览:015825115898073
  • yarn、npm命令参照对比

    npmyarnnpm yarnnpm install yarnnpm install moment --saveyarn add momentnpm uninstall moment --saveyarn remove momentnpm install moment --save-devyarn add moment --devnpm update --saveyarn upgrade../../md/大前端/

    2020-02-23 22:12:54   2020-02-23 22:12:54
    分类:大前端 / 浏览:015824671745625
  • 【前端工程化】解决痛点分析

    痛点分析我们想使用最新的 ECMAScript 规范进行开发,但是受限于浏览器实现不理想,上线前需要使用特殊工具转译为浏览器支持的语法。我们受够了 CSS 的弱编程能力,想使用 LESS/SASS 等预编译语法或者 PostCSS 自动处理 hack。但浏览器不支持,上线前需要使用特殊工具进行编译转换。本地开发环境下静态资源的引用 URL

    2020-02-22 17:33:43   2020-02-22 17:31:58
    分类:大前端 / 浏览:015823639189565
  • 【前端工程化】解决方案操作示例

    0、名词解释Node.js一个可以利用 JavaScript 开发服务器端应用的运行环境,可用做服务器、执行批量任务等。在前端开发里一般执行编译 CSS预编译语言、压缩、混淆JS、压缩图片等工程化任务。NPM一个随 Node.js 安装的包管理工具。允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装

    2020-02-21 20:58:05   2020-02-21 20:42:23
    分类:大前端 / 浏览:015822889438122
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计