当前位置: 首页 > news >正文

济源新站seo关键词排名推广汽车网站建设的基本功能

济源新站seo关键词排名推广,汽车网站建设的基本功能,设计画册,百度竞价课程Webpack 使用 前几篇文章中已经介绍了如何初始化包管理器 package.json 这里不再重复介绍#xff0c;如有需要请查看 搭建工程化项目。 安装 :::warning 注意 请确保你已经安装了 yarn#xff0c;如有需要请查看 搭建工程化开发环境。 ::: 通过命令 yarn add webpack web…Webpack 使用 前几篇文章中已经介绍了如何初始化包管理器 package.json 这里不再重复介绍如有需要请查看 搭建工程化项目。 安装 :::warning 注意 请确保你已经安装了 yarn如有需要请查看 搭建工程化开发环境。 ::: 通过命令 yarn add webpack webpack-cli 安装最新版本 webpack。 然后项目中就会生成了 node_modules 目录用于存第三方包代码。同时 package.json 也会同步第三方包版本信息。 使用 ::: tip 回顾 接下来我们就在 scss 的案例中进行调整不使用 koala 实时编译 scss如果忘记这回事了请回顾 Koala 介绍 。这次我们使用 webpack 进行实时编译。 ::: 新建 main.js 入口文件并且引入我们要用到的 scss 文件。 新建 webpack.config.js 配置文件。 const path require(path)module.exports {/*** 打包模式*/mode: production,/*** 打包入口文件*/entry: ./src/main.js,/*** 打包出口文件*/output: {filename: bundle.js,path: path.resolve(__dirname, dist)},/*** 模块*/module: {rules: [{test: /\.scss$/,use: [style-loader, css-loader, sass-loader]}]} }在这里插入图片描述 由于配置文件中使用到了 3 个 loader所以需要通过 yarn 安装。 $ yarn add style-loader css-loader sass-loader sass打包 通过命令 npx webpack 打包项目然后就会生成一个打包好的文件 dist/bundle.js 我们新建一个 html 文件并且引入该 bundle.js 文件。 查看运行页面效果。 到此 webpack 打包就完成了。 原文链接菜园前端
http://wiki.neutronadmin.com/news/295358/

相关文章:

  • 佛山营销型网站设计国外服务器网站打开慢
  • 做一个网站的价钱百度热门
  • 淮安建设企业网站国外h5网站模板下载
  • 网站建设方案书是啥比较好的网站建设品牌升级
  • 晟合建设集团网站aspnet网站开发书
  • 天津市建设交易中心网站婚纱设计网站首页
  • 新北区城乡建设局网站wordpress 头像打岔
  • 旅行社网站建设规划方案seo博客网站
  • 做app网站的软件有哪些内容医院网站建设运营方案
  • 建设局域网网站部队内网网站建设方案
  • wordpress 只有英文百度seo流量
  • 绍兴网站建设专业的公司个人网页制作总结
  • 电子商务网站规划与网页制作wap版
  • 网站安全软件宁波seo优化
  • 建立网站赚钱商城网站开发报价单
  • 苏州做物流网站电话广告
  • c2c网站方案网站怎么防k
  • 做一些网站的弹出页面做网站的公司是什么
  • 网站开发技能证书福州网签查询系统
  • 南通的网站建设广告推广赚钱
  • 青岛胶东建设国际机场网站专业网络推广平台
  • 做笔记网站网站中常用的英文字体
  • 深圳网站建设服务器玉石电商网站建设方案
  • 邢台建站mvc做的网站如何发布访问
  • 温州网站优化关键词网站建设捌金手指花总四
  • 网站后台不显示可以做网站二维码吗
  • 保定网站建设团队ppt排版布局
  • 论文网站建设格式郴州网红店
  • 学会网站建设总结seo优化方法
  • 域名备案和网站备案推广软文代发