Skip to content

Commit f4d277e

Browse files
committed
Update Meteor Integration Instructions
According to meteor/meteor#7206 (comment) the flemay:less-autoprefixer package causes problems with Meteor 1.3+. He points to the Meteor Guide's suggestion of using the method I've outlined here to obtain LESS autoprefixing. Please let me know if there are any more changes you'd like me to make. I didn't have a good way of viewing my changes visually.
1 parent 542b865 commit f4d277e

1 file changed

Lines changed: 35 additions & 2 deletions

File tree

server/documents/introduction/integrations.html.eco

Lines changed: 35 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,12 +30,45 @@ type : 'Introduction'
3030

3131
<div class="no example">
3232
<h4 class="ui header">Install via Atmosphere</h4>
33-
<p>Install the <a href="https://atmospherejs.com/semantic/ui">Semantic UI package</a> from atmosphere. You will need a special package less-autoprefixer, to add vendor prefixes to your LESS pipeline.</p>
33+
<p>Install the <a href="https://atmospherejs.com/semantic/ui">Semantic UI package</a> from atmosphere.</p>
34+
<div class="code" data-type="bash">
35+
meteor add semantic:ui
36+
</div>
37+
<p>The next step will differ depending on what version of Meteor you are running. Continue to the section relevant to your version of Meteor.</p>
38+
<h4 class="ui header">(Meteor &lt;1.3) Install less-autoprefixer package</h4>
39+
<p>You will need a special package less-autoprefixer, to add vendor prefixes to your LESS pipeline.</p>
3440
<div class="ui ignored info message">
3541
Since <code>flemay:less-autoprefixer</code> compiles LESS files you don't need any other less package.
3642
</div>
3743
<div class="code" data-type="bash">
38-
meteor add semantic:ui flemay:less-autoprefixer
44+
meteor add flemay:less-autoprefixer
45+
</div>
46+
<p>Continue to the "Create a custom.semantic.json file" section</p>
47+
<h4 class="ui header">(Meteor 1.3+) Install less and postcss packages</h4>
48+
<p>Remove the standard-minifier-css package.</p>
49+
<div class="code" data-type="bash">
50+
meteor remove standard-minifier-css
51+
</div>
52+
<p>Install the less and postcss packages.</p>
53+
<div class="code" data-type="bash">
54+
meteor add less juliancwirko:postcss
55+
</div>
56+
<p>To configure the postcss package, add the following to your <code>package.json</code> file and save it.</p>
57+
<div class="code" data-type="json">
58+
{
59+
"devDependencies": {
60+
"autoprefixer": "^6.3.1"
61+
},
62+
"postcss": {
63+
"plugins": {
64+
"autoprefixer": {"browsers": ["last 2 versions"]}
65+
}
66+
}
67+
}
68+
</div>
69+
<p>To finish setting up the postcss package, install the new autoprefixer NPM package.</p>
70+
<div class="code" data-type="bash">
71+
meteor npm install
3972
</div>
4073
</div>
4174
<div class="no example">

0 commit comments

Comments
 (0)