2-3 配置文件

1.在項目中添加loader依賴

在2-2章節(jié)中已經(jīng)運(yùn)行過該命令

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中運(yùn)行命令

webpack

完成編譯過程

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺，特此分享以備自己日后查看，也希望更多的人看到...
    小小字符閱讀 8,237評論 7贊 35
  • webpack 介紹 webpack 是什么 為什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert閱讀 6,501評論 2贊 71
  • GitChat技術(shù)雜談 前言 本文較長，為了節(jié)省你的閱讀時間，在文前列寫作思路如下： 什么是 webpack，它要...
    蕭玄辭閱讀 12,715評論 7贊 110
  • 學(xué)習(xí)流程 參考文檔:入門Webpack，看這篇就夠了Webpack for React 一. 簡單使用webpac...
    Jason_Zeng閱讀 3,178評論 2贊 16
  • 生活中常常聽到有人抱怨，“那個誰誰誰又升職了，明明他比我后進(jìn)來，輪也輪到我了”“為什么讓他做這個？我不是更有資歷嗎...
    蘇子衣飛閱讀 480評論 0贊 0