Installing Semantic-UI in Meteor
Step 1: Install the Semantic:UI Package
meteor add semantic:ui
Step 2: Remove the standard-minifier-css package.
meteor remove standard-minifier-css
Step 3: Install the less and postcss packages.
meteor add less juliancwirko:postcss
Step 4: To configure the postcss package, add the following to your package.json file and save it.
{
"devDependencies": {
"autoprefixer": "^6.3.1"
},
"postcss": {
"plugins": {
"autoprefixer": {"browsers": ["last 2 versions"]}
}
}
}
Step 5: create custom.semantic.json file in a folder of your project
mkdir - p client/lib/semantic-ui/
touch client/lib/semantic-ui/custom.semantic.json
Step 6: Install the packages
meteor npm install
Semantic UI is now installed in the project
Semantic UI Integrations for Meteor
Semantic UI integration for Meteor is a technique to use the Semantic frontend framework with Meteor. This enables us to use the prebuild component and styles of the Semantic UI in your Meteor projects. With this, you can take advantage of this frontend library to make amazing and responsive websites. Meteor is a full-stack technology that works with React, and Vue and comes with a prebuilt connection to the MongoDB database.