2019-03-14

成功搭建的webpack和sass的配置,实现了实时更新css文件,然后愉快的使用sass编写样式。

正在完成编辑公告功能,目前能获取res.data但是无法赋值给富文本,正在查看文档看看能不能寻求帮助。

贴一下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'), //绝对路径

        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"

  }

}

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

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,842评论 0 21
  • webpack从零开始第1课:安装webpack和webpack-dev-server webpack目录 第1课...
    泉泉泉泉泉泉阅读 4,924评论 0 1
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 5,670评论 0 1
  • 今天我登陆的时候 已经没有看到我的小人了 我找遍了整个岛 屏幕上还是空空的 也许我该为它报名 失踪人口 我想起它的...
    绿豆君阅读 1,170评论 0 1
  • 愿你有好运, 如果没有——愿你在慈悲中学会坚强; 愿有很多人爱你, 如果没有——希望你在寂寞中学会宽容。 ...
    琐珥阅读 1,605评论 0 0