Powered by md-Blog  文 - 篇  访客 -

  • 【运行脚本命令】run dev、run build

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

    2020-03-24 16:26:24   2020-03-18 11:22:26
    分类:Webpack / 浏览:015845017466992
  • 【配置文件】webpack.config.js

    可以通过 webpack --config 指定配置文件默认: webpack.config.js如需生产开发环境,请点击了解:SoEasy-Webpack4.0-Templete,如果对您有所帮助,别忘了给个 Star,谢谢!以下配置仅为格式参考,不适用于开发。module.exports = { entry: './src/index.js', // 入口文件 output: './dist/main.js', // 输出文件 mode: 'production', // 模式 modu

    2020-03-24 16:26:24   2020-03-18 11:22:26
    分类:Webpack / 浏览:015845017464453
  • 【项目初始化】init

    yarn init -y

    2020-03-24 16:26:24   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-03-24 16:26:23   2020-03-18 11:22:25
    分类:Webpack / 浏览:015845017457795
  • 【HTML加载】html-loader

    安装yarn add html-loader -D配置webpack.config.jsmodule:{ rules:[ { test: /.html$/, use: 'html-loader' } ] }测试header.html<header> <h1>My Header</h1> </header>index.jsimport header from './header.html'; document.write(header);

    2020-03-24 16:26:23   2020-03-18 11:22:25
    分类:Webpack / 浏览:015845017454225
  • 【why】为何需要类似 Webpack 的构建工具?

    转换 ES6 语法转换 JSX 扩展语法CSS 前缀补全 / 预处理压缩混淆图片压缩增加哈希值,解决部署客户端的缓存问题

    2020-03-24 16:26:23   2020-03-18 11:22:25
    分类:Webpack / 浏览:015845017456035
  • 春明


     
    百度站内搜索


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