2019-03-14

成功搭建的webpack和sass的配置,實(shí)現(xiàn)了實(shí)時(shí)更新css文件,然后愉快的使用sass編寫樣式。

正在完成編輯公告功能,目前能獲取res.data但是無(wú)法賦值給富文本,正在查看文檔看看能不能尋求幫助。

貼一下webpack的配置和package.json文件

const path = require('path');

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {

? ? entry: {

? ? ? ? index: './src/index.js'

? ? },

? ? output: {

? ? ? ? path: path.resolve(__dirname, 'dist'), //絕對(duì)路徑

? ? ? ? filename: '[name].js'? //chunkhash避免重名

? ? },

? ? plugins: [

? ? ? ? new MiniCssExtractPlugin({

? ? ? ? ? ? filename: 'css/[name].css',

? ? ? ? ? ? chunkFilename: 'css/[id].css',

? ? ? ? })

? ? ],

? ? module: {

? ? ? ? rules: [{

? ? ? ? ? ? test: /\.(sc|c)ss$/,

? ? ? ? ? ? use: [

? ? ? ? ? ? ? ? MiniCssExtractPlugin.loader,

? ? ? ? ? ? ? ? 'css-loader',

? ? ? ? ? ? ? ? 'sass-loader',

? ? ? ? ? ? ]

? ? ? ? }]

? ? },

}

{

? "name": "webpack",

? "version": "1.0.0",

? "main": "index.js",

? "scripts": {

? ? "test": "webpack -d --progress --color --display-modules --display-reasons --display-error-details",

? ? "dev": "webpack --watch -d --progress --color --display-modules --display-reasons",

? ? "prod": "webpack --watch --progress --color --display-modules --display-reasons --p"

? },

? "license": "MIT",

? "devDependencies": {

? ? "css-loader": "^2.1.1",

? ? "mini-css-extract-plugin": "^0.5.0",

? ? "node-sass": "^4.11.0",

? ? "sass-loader": "^7.1.0",

? ? "style-loader": "^0.23.1",

? ? "webpack": "^4.29.6",

? ? "webpack-cli": "^3.2.3"

? }

}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1、由來(lái) ...
    it筱竹閱讀 11,457評(píng)論 0 21
  • webpack從零開始第1課:安裝webpack和webpack-dev-server webpack目錄 第1課...
    泉泉泉泉泉泉閱讀 1,266評(píng)論 0 1
  • 目錄第1章 webpack簡(jiǎn)介 11.1 webpack是什么? 11.2 官網(wǎng)地址 21.3 為什么使用 web...
    lemonzoey閱讀 1,823評(píng)論 0 1
  • 今天我登陸的時(shí)候 已經(jīng)沒(méi)有看到我的小人了 我找遍了整個(gè)島 屏幕上還是空空的 也許我該為它報(bào)名 失蹤人口 我想起它的...
    綠豆君閱讀 190評(píng)論 0 1
  • 愿你有好運(yùn), 如果沒(méi)有——愿你在慈悲中學(xué)會(huì)堅(jiān)強(qiáng); 愿有很多人愛你, 如果沒(méi)有——希望你在寂寞中學(xué)會(huì)寬容。 ...
    瑣珥閱讀 259評(píng)論 0 0

友情鏈接更多精彩內(nèi)容