2-3 配置文件

1.在项目中添加loader依赖

在2-2章节中已经运行过该命令

npm install style-loader css-loader -save

可在package.json中看到



2. 修改package.js文件

main: “bundle.js”


3.新建webpack.config.js

let webpack =  require('webpack');

module.exports = {

  entry: 'index.js',

  output: {

    path: __dirname,

    filename: 'bundle.js'

  },

  module: {

    loaders: [{test: /\.css$/, loader: 'style-loader!css-loader'}]

  }

}

修改index.js

require('./css/index.css');

在cmd中运行命令

webpack

完成编译过程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,553评论 7 35
  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 11,564评论 2 71
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,341评论 7 110
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 8,356评论 2 16
  • 生活中常常听到有人抱怨,“那个谁谁谁又升职了,明明他比我后进来,轮也轮到我了”“为什么让他做这个?我不是更有资历吗...
    苏子衣飞阅读 3,308评论 0 0

友情链接更多精彩内容