Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
F
feather
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kulya
feather
Commits
45602abe
Commit
45602abe
authored
8 years ago
by
Cole Bemis
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Set up simple webpack config
parent
4cf99d1d
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
143 additions
and
1 deletion
+143
-1
bundle.js
bundle.js
+133
-0
index.html
index.html
+1
-1
webpack.config.js
webpack.config.js
+9
-0
No files found.
bundle.js
0 → 100644
View file @
45602abe
/******/
(
function
(
modules
)
{
// webpackBootstrap
/******/
// The module cache
/******/
var
installedModules
=
{};
/******/
// The require function
/******/
function
__webpack_require__
(
moduleId
)
{
/******/
// Check if module is in cache
/******/
if
(
installedModules
[
moduleId
])
/******/
return
installedModules
[
moduleId
].
exports
;
/******/
// Create a new module (and put it into the cache)
/******/
var
module
=
installedModules
[
moduleId
]
=
{
/******/
i
:
moduleId
,
/******/
l
:
false
,
/******/
exports
:
{}
/******/
};
/******/
// Execute the module function
/******/
modules
[
moduleId
].
call
(
module
.
exports
,
module
,
module
.
exports
,
__webpack_require__
);
/******/
// Flag the module as loaded
/******/
module
.
l
=
true
;
/******/
// Return the exports of the module
/******/
return
module
.
exports
;
/******/
}
/******/
// expose the modules object (__webpack_modules__)
/******/
__webpack_require__
.
m
=
modules
;
/******/
// expose the module cache
/******/
__webpack_require__
.
c
=
installedModules
;
/******/
// identity function for calling harmony imports with the correct context
/******/
__webpack_require__
.
i
=
function
(
value
)
{
return
value
;
};
/******/
// define getter function for harmony exports
/******/
__webpack_require__
.
d
=
function
(
exports
,
name
,
getter
)
{
/******/
if
(
!
__webpack_require__
.
o
(
exports
,
name
))
{
/******/
Object
.
defineProperty
(
exports
,
name
,
{
/******/
configurable
:
false
,
/******/
enumerable
:
true
,
/******/
get
:
getter
/******/
});
/******/
}
/******/
};
/******/
// getDefaultExport function for compatibility with non-harmony modules
/******/
__webpack_require__
.
n
=
function
(
module
)
{
/******/
var
getter
=
module
&&
module
.
__esModule
?
/******/
function
getDefault
()
{
return
module
[
'
default
'
];
}
:
/******/
function
getModuleExports
()
{
return
module
;
};
/******/
__webpack_require__
.
d
(
getter
,
'
a
'
,
getter
);
/******/
return
getter
;
/******/
};
/******/
// Object.prototype.hasOwnProperty.call
/******/
__webpack_require__
.
o
=
function
(
object
,
property
)
{
return
Object
.
prototype
.
hasOwnProperty
.
call
(
object
,
property
);
};
/******/
// __webpack_public_path__
/******/
__webpack_require__
.
p
=
""
;
/******/
// Load entry module and return exports
/******/
return
__webpack_require__
(
__webpack_require__
.
s
=
0
);
/******/
})
/************************************************************************/
/******/
([
/* 0 */
/***/
(
function
(
module
,
exports
)
{
const
data
=
{
icons
:
[
'
square
'
,
'
circle
'
,
'
rectangle-vertical
'
,
'
rectangle-horizontal
'
]
};
Vue
.
component
(
'
icon
'
,
{
props
:
{
name
:
{
type
:
String
,
required
:
true
},
size
:
{
type
:
String
,
default
:
'
24
'
}
},
template
:
'
#icon-template
'
,
mounted
()
{
fetch
(
`./icons/
${
this
.
name
}
.svg`
)
.
then
(
response
=>
{
if
(
response
.
ok
)
{
return
response
.
text
();
}
throw
new
Error
(
`Cannot find
${
this
.
name
}
.svg`
);
})
.
then
(
svgText
=>
{
const
svgDocument
=
new
DOMParser
().
parseFromString
(
svgText
,
'
image/svg+xml
'
);
const
svgIcon
=
svgDocument
.
querySelector
(
'
svg
'
).
cloneNode
(
true
);
svgIcon
.
setAttribute
(
'
width
'
,
this
.
size
);
svgIcon
.
setAttribute
(
'
height
'
,
this
.
size
);
this
.
$el
.
appendChild
(
svgIcon
);
})
.
catch
(
error
=>
{
console
.
error
(
error
);
});
}
});
Vue
.
component
(
'
icon-container
'
,
{
props
:
{
name
:
{
type
:
String
,
required
:
true
}
},
template
:
'
#icon-container-template
'
})
new
Vue
({
el
:
'
#app
'
,
data
:
data
});
/***/
})
/******/
]);
\ No newline at end of file
This diff is collapsed.
Click to expand it.
index.html
View file @
45602abe
...
...
@@ -39,6 +39,6 @@
<
/div
>
</script>
<script
src=
"
src/main
.js"
></script>
<script
src=
"
bundle
.js"
></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
webpack.config.js
0 → 100644
View file @
45602abe
var
path
=
require
(
'
path
'
);
module
.
exports
=
{
entry
:
'
./src/main.js
'
,
output
:
{
path
:
path
.
resolve
(
__dirname
),
filename
:
'
bundle.js
'
}
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment