Powered by md-Blog  文 - 篇  访客 -

  • 【echarts】for SoEasy-Webpack4.0-Templete

    基于【点击了解】SoEasy-Webpack4.0-Templete。如果您该模板对您有所帮助,请别忘了点个 Star,谢谢!默认使用 yarn 构建,当然您也可以选择 npm、cnpm。安装echarts 的安装yarn add echarts使用main.jsimport * as echarts from 'echarts'; document.getElementById("app").innerHTML = ` <br> <div id="main" style="width: 80%;height:400px;margin:10

    2023-04-18 23:41:34   2020-03-27 15:17:49
    分类:Webpack / 浏览:015852934696053
  • 【Lodash】for SoEasy-Webpack4.0-Templete

    基于【点击了解】SoEasy-Webpack4.0-Templete。如果您该模板对您有所帮助,请别忘了点个 Star,谢谢!默认使用 yarn 构建,当然您也可以选择 npm、cnpm。安装Lodash 的安装yarn add lodash使用main.jsimport _ from 'lodash';测试main.jsconsole.log(_.last([1, 2, 3])); // 3../../md/Webpack/

    2020-11-01 17:25:34   2020-03-25 08:58:48
    分类:Webpack / 浏览:015850979282591
  • 【安装】Webpack、webpack-cli

    说明webpack 核心模块webpack-cli 命令行工具安装yarn add webpack webpack-cli -D验证版本号npx webpack -vnpx webpack-cli -v../../md/Webpack/

    2020-11-01 17:25:34   2020-03-18 11:22:25
    分类:Webpack / 浏览:015845017452816
  • 【文件资源】url-loader

    推荐只使用 url-loader 即可定义file-loader 返回的是图片的 url。url-loader 可以通过 limit 属性对图片分情况处理,当图片小于 limit(单位:byte)大小时转base64,大于 limit 时调用 file-loader 对图片进行处理。区别相同点:都是在 Webpack 中处理图片、字体图标等文件。关系:url-loader 封装了 file-loader,但url-loader 并不依赖于 file-l

    2020-11-01 17:25:34   2020-03-18 11:22:25
    分类:Webpack / 浏览:015845017455005
  • 【样式提取】mini-css-extract-plugin

    对比与 extract-text-webpack-plugin 相比:异步加载无重复编译用法简单支持css分割安装yarn add mini-css-extract-plugin -D配置webpack.prod.jsconst MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.exports = { module: { rules: [ { test: /.css$/, use: [ MiniCssExtractPlugin.loader, 'css-loader' ], include: /src/

    2020-11-01 17:25:34   2020-03-20 21:40:15
    分类:Webpack / 浏览:015847116153835
  • 【自动清理】clean-webpack-plugin

    安装yarn add clean-webpack-plugin -D配置webpack.prod.jsconst { CleanWebpackPlugin } = require("clean-webpack-plugin"); module.exports = { plugins: [ new CleanWebpackPlugin() ], }../../md/Webpack/

    2020-11-01 17:25:34   2020-03-18 11:22:26
    分类:Webpack / 浏览:015845017468649
  • 【运行脚本命令】run dev、run build

    配置修改 package.json,添加如下脚本"scripts": { "build": "webpack", "dev": "webpack-dev-server" },运行yarn run devyarn run build../../md/Webpack/

    2020-11-01 17:25:34   2020-03-18 11:22:26
    分类:Webpack / 浏览:015845017466992
  • 【项目初始化】init

    yarn init -y../../md/Webpack/

    2020-11-01 17:25:34   2020-03-18 11:22:26
    分类:Webpack / 浏览:015845017466873
  • 【ES6】Babel 编译 ES6 为 ES5 语法

    参考网址:https://www.babeljs.cn/docs/babel-cli说明@babel/core Babel 的核心模块。@babel/preset-env Babel 预设器,可根据用户环境自动添加所需的插件,替代并优于 babel-preset-latest 插件。babel-loader Babel 与 Webpack 协同工作模块。@babel/cli Babel 的脚手架。安装yarn add @babel/core @babel/preset-env babel-loader -D配置文件.babelrc{ "presets": [

    2020-11-01 17:25:33   2020-03-18 11:22:25
    分类:Webpack / 浏览:015845017457795
  • 【sui】Vue.js+Semantic-ui+自定义主题 for SoEasy-Webpack4.0-Templete

    本篇基于 SoEasy-Webpack4.0-Templete 构建,当然您也可以选择其他 cli、Webpack 构建工具。基于【点击了解】SoEasy-Webpack4.0-Templete。如果您该模板对您有所帮助,请别忘了点个 Star,谢谢!默认使用 yarn 构建,当然您也可以选择 npm、cnpm。说明Semantic-ui,https://semantic-ui.com/ 是一个很不错的UI框架,可惜这两年没有维护,其独特的

    2020-11-01 17:25:33   2020-04-23 15:46:40
    分类:Webpack / 浏览:015876280007499
  • 春明


     
    百度站内搜索


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