Как получить в комплекте файлы MDC с веб-пакетом? - PullRequest
0 голосов
/ 27 апреля 2019

Я создаю сайт, используя Material Design Components для Web. Я сделал весь код с SASS и JS

Я могу успешно запустить его через сервер веб-пакетов, но теперь мне нужно загрузить файл на хост.Где я могу найти связанные файлы, сделанные веб-пакетом?(При использовании сервера Dev они были напрямую предоставлены браузеру)

Я пробовал все это

@import “@material/button/mdc-button”;
.foo-button {
@include mdc-button-ink-color(teal);
@include mdc-states(teal);
}
<button class="mdc-button foo-button">BUTTON</button>

, пожалуйста, помогите

1 Ответ

0 голосов
/ 30 апреля 2019

Вам нужно запустить

npm run build

Проверьте ваш package.json, он должен содержать соответствующий скрипт

"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"build": "webpack --config webpack.config.js"
}

Вам необходим файл webpack.config.js с конфигурацией в корневашей директории.

Когда вы запустите вашу сборку, она создаст директорию / dist и ваш пакет будет внутри.

Простой файл конфигурации веб-пакета:

var path = require('path')
var webpack = require('webpack')
const HTMLWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: 'build.js'
  },
plugins: [
    new HTMLWebpackPlugin({
      template: "index.html"
    }),
    new CleanWebpackPlugin(['dist'])
  ]
}

Обратите вниманиепри входе у вас, вероятно, другое имя и путь

Плагины должны быть установлены с помощью команды npm install.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...