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

完成编译过程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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