Svelte 3 前排占坑（一）

用svelte当前端写一个blog，后端用sb吧，主要看看svelte的体验感。

一、初始化svelte项目

这里用一个svelte模板https://github.com/sveltejs/template快速初始化

npx degit sveltejs/template my-svelte-blog
cd my-svelte-blog
npm install
npm run dev

一个简单的svelte的hello world就好了，下面都是选择安装

二、安装rollup-plugin-postcss

svelte的默认打包工具(rollup.js)配置里面没有处理css的模块，import .css会报错，so

npm install --save-dev rollup-plugin-postcss 

 

在rollup配置文件中添加css支持

// rollup配置  rollup.config.js
import postcss from 'rollup-plugin-postcss';

// ...


export default {
  // ... 
  plugins: [
      postcss({
	    extensions: [ '.css', '.scss' ],
      }),
  ]
}

那么你的main.js就可以引入css文件了

import './assets/css/responsive-5.4.cs